<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.0.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><b:attr expr:value='data:view.isSingleItem ? &quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#&quot; : &quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#&quot;' name='prefix'/>


<!-- Defult metatags -->
<b:include name='openGraphMetaData'/>

<!-- Required -->
<meta content='' name='twitter:site'/>
<meta content='' name='twitter:creator'/>
<meta content='' property='fb:pages'/>
<meta content='' property='fb:app_id'/>
<meta content='' property='fb:admins'/>
<b:if cond='data:view.isSingleItem'>
<link href='' rel='publisher'/>
</b:if>

<!-- Template Skin -->
<b:skin><![CDATA[
/*
Seoplus Blogger Template Free
developers: https://www.seoplus.dev/
Version	: 5
Updated	: 18 May, 2020
information: https://www.seoplus-template.com/
Facebook: https://www.facebook.com/SeoPlusDev/
*/
/*=================
Icons Svg
===================*/
.Sp-Normal .moreLink:before, .post-outer .moreLink:before, a.Lapel-Link:before, a.thumb.not-pl:after {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='external-link-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM480,0h-.06L383.78.17c-28.45,0-42.66,34.54-22.58,54.62l35.28,35.28-265,265a12,12,0,0,0,0,17l8.49,8.49a12,12,0,0,0,17,0l265-265,35.28,35.27c20,20,54.57,6,54.62-22.57L512,32.05A32,32,0,0,0,480,0Zm-.17,128.17-96-96L480,32Z'%3E%3C/path%3E%3C/svg%3E")}
.recent-comments .comment .leave-comm:before, .bottomaa:after {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='external-link-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236f6f6f' d='M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM480,0h-.06L383.78.17c-28.45,0-42.66,34.54-22.58,54.62l35.28,35.28-265,265a12,12,0,0,0,0,17l8.49,8.49a12,12,0,0,0,17,0l265-265,35.28,35.27c20,20,54.57,6,54.62-22.57L512,32.05A32,32,0,0,0,480,0Zm-.17,128.17-96-96L480,32Z'%3E%3C/path%3E%3C/svg%3E");}
.icon.fa-reddit,.fa.fa-reddit {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z'%3E%3C/path%3E%3C/svg%3E");}
.fa-facebook, .facebook .topaa:before{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fab' data-icon='facebook-f' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512' class='svg-inline--fa fa-facebook-f fa-w-9'%3E%3Cpath fill='%23fff' d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229' class=''%3E%3C/path%3E%3C/svg%3E")}
.fa-twitter, .twitter .topaa:before{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fab' data-icon='twitter' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-twitter fa-w-16'%3E%3Cpath fill='%23fff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' class=''%3E%3C/path%3E%3C/svg%3E")}
.fa-tumblr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23fff' d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-whatsapp {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-youtube {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-behance {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-flickr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-blogger {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M446.6 222.7c-1.8-8-6.8-15.4-12.5-18.5-1.8-1-13-2.2-25-2.7-20.1-.9-22.3-1.3-28.7-5-10.1-5.9-12.8-12.3-12.9-29.5-.1-33-13.8-63.7-40.9-91.3-19.3-19.7-40.9-33-65.5-40.5-5.9-1.8-19.1-2.4-63.3-2.9-69.4-.8-84.8.6-108.4 10C45.9 59.5 14.7 96.1 3.3 142.9 1.2 151.7.7 165.8.2 246.8c-.6 101.5.1 116.4 6.4 136.5 15.6 49.6 59.9 86.3 104.4 94.3 14.8 2.7 197.3 3.3 216 .8 32.5-4.4 58-17.5 81.9-41.9 17.3-17.7 28.1-36.8 35.2-62.1 4.9-17.6 4.5-142.8 2.5-151.7zm-322.1-63.6c7.8-7.9 10-8.2 58.8-8.2 43.9 0 45.4.1 51.8 3.4 9.3 4.7 13.4 11.3 13.4 21.9 0 9.5-3.8 16.2-12.3 21.6-4.6 2.9-7.3 3.1-50.3 3.3-26.5.2-47.7-.4-50.8-1.2-16.6-4.7-22.8-28.5-10.6-40.8zm191.8 199.8l-14.9 2.4-77.5.9c-68.1.8-87.3-.4-90.9-2-7.1-3.1-13.8-11.7-14.9-19.4-1.1-7.3 2.6-17.3 8.2-22.4 7.1-6.4 10.2-6.6 97.3-6.7 89.6-.1 89.1-.1 97.6 7.8 12.1 11.3 9.5 31.2-4.9 39.4z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-wordpress {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-tumblr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23fff' d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-telegram {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-skype {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-sitemap {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' %3E%3Cpath fill='%23fff' d='M104 272h192v48h48v-48h192v48h48v-57.59c0-21.17-17.22-38.41-38.41-38.41H344v-64h40c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H256c-17.67 0-32 14.33-32 32v96c0 8.84 3.58 16.84 9.37 22.63S247.16 160 256 160h40v64H94.41C73.22 224 56 241.23 56 262.41V320h48v-48zm168-160V48h96v64h-96zm336 240h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112h-64v-64h64v64zM368 352h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112h-64v-64h64v64zM128 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112H48v-64h64v64z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-instagram {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-linkedin {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-pinterest {background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3E%3Cpath fill='%23fff' d='M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z' class=''%3E%3C/path%3E%3C/svg %3E") no-repeat center ;}
.fa-google-play {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z' class=''%3E%3C/path%3E%3C/svg%3E");}

/*=================
Variables
===================*/
<Group description="أساسي" selector="body">
<Variable name="keycolor" description="لون الجرادينت المساعد" type="color" default="#1e3c72" value="#1e3c72"/>
<Variable name="step.color" description="اللون ألاساسي" type="color" default="#3560ab" value="#3560ab"/>
<Variable name="grad.color" description="لون النص فوق اللون الاساسي" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="body.background.color" description="لون تبويب المدونة في الهاتف" type="color"  default="$(step.color)" value="#3560ab"/>
<Variable name="body.background" description="خلفية المدونة" type="background" color='#f7f7f7' default="$(color) 
url() no-repeat fixed top right" value="$(color)  url() no-repeat fixed top right"/>
<Variable name="body.text.font" description="Font" type="font" default="400 15px 'Segoe UI'" hideEditor="true" value="400 15px &#39;Segoe UI&#39;"/>
<Variable name="body.link.color" description="Link color" type="color" default="#000" hideEditor="true" value="#000000"/>
<Variable name="Box.Title.bg" description="خلفية العناوين الاساسية" type="color" default="#e6e6e6" hideEditor="true" value="#e6e6e6"/>
</Group>
<Group description="الهيدر" selector="#sp-header" >
<Variable name="H.Bg" description="خلفية الهيدر" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.Link" description="لون الروابط" type="color" default="#000" value="#000000"/>
<Variable name="H.Icon.Sh" description="لون ايقونة البحث" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.Icon.Color" description="لون سهم القائمة المنسدلة" type="color" default="$(step.color)" value="#3560ab"/>
<Variable name="H.Link.font" description="خط وحجم الخط للروابط" type="font" default="400 14px 'Segoe UI'"  value="400 14px &#39;Segoe UI&#39;"/>
<Variable name="H.mons.Color" description="لون روابط القايمة المسندلة" type="color" default="#525252" value="#525252"/>
<Variable name="H.mons.bg" description="لون خلفية القايمة المنسدلة" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.mons.border" description="لون فواصل القايمة المنسدلة" type="color" default="#e6e6e6" value="#e6e6e6"/>
<Variable name="H.mons.hover" description="تاثير مرور الروابط القايمة المنسدلة" type="color" default="$(step.color)" value="#3560ab"/>
</Group>
<Group description="المشاركات" selector=".site" >
<Variable name="Hpost.Title.Color" description="لون العناوين" type="color" default="#444" value="#444444"/>
<Variable name="Hpost.Short.Content.Color" description="لون وصف الموضوع القصير" type="color" default="#777" value="#777777"/>
<Variable name="Hpost.Items" description="لون روابط الميتا بوست" type="color" default="#777" value="#777777"/>
<Variable name="Hpost.Hover" description="لون التاثير المرور" type="color" default="#194ca9" value="#194ca9"/>
</Group>
<Group description="الموضوع" selector=".post-amp" >
<Variable name="posts.background.color" description="Post background color" type="color" default="#fff"  hideEditor="true" value="#ffffff"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#393939"  value="#393939"/>
<Variable name="posts.title.font" description="Post title font" type="font" default="400 21px 'Segoe UI'"  value="400 21px &#39;Segoe UI&#39;"/>
<Variable name="posts.text.font" description="Post text font" type="font" default="400 14px 'Segoe UI'"  value="400 14px &#39;Segoe UI&#39;"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#000"  value="#000000"/>
<Variable name="posts.link.color" description="Post link color" type="color" default="#194ca9"  value="#194ca9"/>
</Group>
<Group selector='.post .post-outer' description="جميع محتويات الموضوع">
<Variable name="posts.meta.color" description="لون معلومات الموضوع اسفل العنوان" type="color" default="#585858"  value="#585858"/>
<Variable name="posts.meta.border" description="لون البوردر لمعلومات المضوع اسفل العنوان" type="color" default="#f5f5f5"  value="#f5f5f5"/>
<Variable name="posts.img.border" description="لون بوردر الصورة" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.num.bg" description="خلفية التعداد الرقمي" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.num.color" description="لون رقم التعداد الرقمي" type="color" default="#000"  value="#000000"/>
<Variable name="posts.num.border" description="لون بوردر التعداد الرقمي" type="color" default="#ccc"  value="#cccccc"/>
<Variable name="posts.h2.bg" description="خلفية العنوان h2" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.h2.color" description="لون خط العنوان h2" type="color" default="#000"  value="#000000"/>
<Variable name="posts.h2.border" description="لون فاصل اسفل عنوان h2" type="color" default="#d8d8d8"  value="#d8d8d8"/>
<Variable name="posts.h2.font" description="خط العنوان h2" type="font" default="400 21px 'Segoe UI'"  value="400 21px &#39;Segoe UI&#39;"/>
<Variable name="posts.h3.bg" description="لون خلفية العنوان h3" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.h3.color" description="لون خط العنوان h3" type="color" default="#000"  value="#000000"/>
<Variable name="posts.h3.border" description="لون فاصل اسفل عنوان h3" type="color" default="#d8d8d8"  value="#d8d8d8"/>
<Variable name="posts.h3.font" description="خط العنوان h3" type="font" default="400 19px 'Segoe UI'"  value="400 19px &#39;Segoe UI&#39;"/>
<Variable name="posts.h4.bg" description="خلفية العنوان h4" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.h4.color" description="لون خط العنوان h4" type="color" default="#000"  value="#000000"/>
<Variable name="posts.h4.border" description="لون فاصل اسفل عنوان h4" type="color" default="#d8d8d8"  value="#d8d8d8"/>
<Variable name="posts.h4.font" description="خط العنوان h4" type="font" default="400 17px 'Segoe UI'"  value="400 17px &#39;Segoe UI&#39;"/>
<Variable name="posts.border" description="لون فواصل عناصر اسفل الموضوع" type="color" default="#eeeeee"  value="#eeeeee"/>
<Variable name="posts.tags.bg" description="خلفية القسم" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.tags.color" description="لون القسم" type="color" default="#292929"  value="#292929"/>
<Variable name="posts.tags.hover.bg" description="خلفية القسم عند التمرير" type="color" default="#3560ab"  value="#3560ab"/>
<Variable name="posts.tags.hover.color" description="لون القسم عند التمرير" type="color" default="#fff"  value="#ffffff"/>
<Variable name="posts.au.bg" description="خلفية اضافة الكاتب" type="color" default="#f4f4f4"  value="#f4f4f4"/>
<Variable name="posts.au.border" description="لون البوردر اضافة الكاتب" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.comment.border" description="لون بوردر التعليقات" type="color" default="#ccc"  value="#cccccc"/>
<Variable name="posts.comment.link" description="لون الروابط في التعليقات" type="color" default="#000fc1"  value="#000fc1"/>
<Variable name="posts.comment.button" description="لون زر ارسل تعليق" type="color" default="#eeeeee"  value="#eeeeee"/>
<Variable name="posts.comment.icon" description="لون ايقونة عنوان التعليقات" type="color" default="#335ea8"  value="#335ea8"/>
<Variable name="posts.comment.title" description="لون نص عنوان التعليقات" type="color" default="#3e3e3e"  value="#3e3e3e"/>
<Variable name="posts.comment.massg" description="لون رسالة التعليقات" type="color" default="#757575"  value="#757575"/>
</Group>
<Group selector='.post-outer' description="خواص الفريال">
<Variable name="posts.read.more.color" description="لون خط خاصية شاهد المزيد" type="color" default="#313131"  value="#313131"/>
<Variable name="posts.read.more.bg" description="لون خلفية زر خاصية شاهد المزيد" type="color" default="#f7f7f7"  value="#f7f7f7"/>
<Variable name="posts.read.more.border" description="لون بوردر خاصية شاهد المزيد" type="color" default="#ccc"  value="#cccccc"/>
<Variable name="posts.next.prev.border" description="لون بوردر خاصية تقسيم المقال" type="color" default="#eee"  value="#eeeeee"/>
<Variable name="posts.next.prev.bg" description="لون خلفية خاصية تقسيم المقال" type="color" default="#f7f7f7"  value="#f7f7f7"/>
</Group>
<Group selector='body' description="ضبط العروض">
<Variable name="content.width" description="Content width" type="length" min="640px" max="1300px" default="1100px" value="1100px"/>
<Variable name="sidebar.width" description="Sidebar width" type="length" min="150px" max="480px" default="320px" value="320px"/>
</Group>/**/
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*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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/* == animation == */
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.Sp-posts3 .rnav-title a:hover		,
.Sp-posts4 .rnav-title a:hover		,
.Sp-posts6 .rnav-title a:hover		,
.Sp-posts5 .rnav-title a:hover		,
.shreet h3.rnav-title a:hover		,
.Sp-Normal .rnav-title a:hover		,
.Sp-slide .rnav-title a:hover		,
.Sp-3colList .rnav-title a:hover		,
.PopularPosts h3.post-title a:hover ,
.widget.FeaturedPost .post-title a:hover,
.items a:hover              		,
nav.nav-par ul li a:hover,
.posttitle:hover,
ul.clear li a:hover,
.post-outer .posts-titles a:hover {
    color: $(Hpost.Hover) !important;
}
iframe {display: initial;max-width: 100%;}
/* =================
= Hidden Items
   ================= */
#Settings			,
.widget .widget-item-control a img,
.widget-item-control,.blog-feeds,
.status-msg-body	,
.date-header		,
.post-feeds			,

.status-msg-border	,
nav.nav-par li		,
.hiden 				,
.open.nav2 			,
.open.nav1			,
.moreLink			,
.hideee				,
span.category a:not(:first-of-type),
div#blog-pager
{display:none !important}

/*=================
Posts
===================*/
.post-random {
    margin: 15px 0 25px;
    overflow: hidden;
    clear: both;
    display: block;
    text-align: right;
}
div#main {
    overflow: hidden;
}
.post div#Blog1, .post .post-outer, .post .post-body {
    overflow: initial!important;
}
.contpotg, .spconten {
    overflow: hidden;
}
.post-outer{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative}
.post-outer .thumb{width:300px;height:180px}
.post-home{width:calc((100% - 315px) / 1);float:right}
.post-outer .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:#777}
.post-outer .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.post-outer .items a,.post-outer .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px}
.post-outer .posts-titles a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px;color:$(Hpost.Title.Color)}
.post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden}
.post-outer .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px}
.post-outer:last-of-type{padding-bottom: 0;border-bottom: 0;margin-bottom: 0;}
.thumb img{object-fit: cover;display:block;width:100%;height:100%}
.thumb{float:right;width:300px;height:300px;margin-left:15px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative}
h3.rnav-title a{color:$(Hpost.Title.Color);line-height:1.3em}
.rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em}
.blocker{display:block;overflow:hidden;margin-top:15px}
.r-r{vertical-align:top}
.r-r{float:right;width:calc((100% - $(sidebar.width) - 15px) / 1)}
#Postcs7,#Postcs3{margin-right:15px}
.sides{width:calc((100% - 15px) / 2);float:right}
a.thumb.not-pl:before{content:"";position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68) 100%);height:100%;width:100%;display:block;z-index:99;transition:opacity 0.3s ease;opacity:0}
a.thumb.not-pl:after{content:"";z-index:99;position:absolute;display:block;transition:opacity 0.3s ease;opacity:0}
a.thumb.not-pl:hover:after{opacity:0.9!important}
/* iteam post */
.atags{display:block;margin:0 0 5px}
.atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px 15px;border-radius:1px;margin:0 0 0 5px;display:inline-block}
.post-amp .entry-title.topic-title{padding-right: 5px;border-right: 3px solid $(step.color);overflow:hidden;font:$(posts.title.font);line-height:1.7em;color:$(posts.title.color)}
.post-body{font:$(posts.text.font);line-height:24px;overflow:hidden;color:$(posts.text.color)}
.post-body a{color:$(posts.link.color)}
.post-meta{margin-top:10px;border:2px dotted $(posts.meta.border);border-right:0;border-left:0;padding:4px 0;margin-bottom:5px;color:$(posts.meta.color);font-size:13px}
.headbost,span.p-author.h-card.vcard,.article-timeago,.article-author,a.timestamp-link{display:inline-block;vertical-align:middle}
.headbost svg{width:14px!important;height:14px!important;margin-left:3px;vertical-align:middle}
.post-meta a{color:$(posts.meta.color)}
.post-meta span,.post-meta .post-date{font-size:13px}
.post-body img{padding:5px;border:1px solid $(posts.img.border);border-radius:3px;width:auto;height:auto;display:inline;max-width:100%}
.shareButton a{display:inline-block;vertical-align:middle;min-width:auto;margin:0 5px 5px 0;padding:0;width:calc((100% - 46px) / 6);position:relative;cursor:pointer;border-radius:3px}
.shareButton .icon{height:15px;width:15px;float:right}
.shareButton a:first-of-type{margin-right:0}
.shareButton .facebook span{background-color:#3b5998}
.shareButton .twitter span{background-color:#1da1f2}
.shareButton .pinterest span{background-color:#cc2127}
.shareButton .ic-phone span{background-color:#2ea625}
.shareButton .ic-reddit span{background-color:#ff4500}
.shareButton .ic-linkedin span{background-color:#0073b1}
.shareButton a span{display:block;padding:8px 10px;font-size:12px;color:#fff;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:3px;text-align:center;overflow:hidden}
.PagePrakediv a{border-radius:30px;font-size:14px;width:150px;margin:0 auto 0;font-family:'Segoe UI'}
.amp-tags{font-size:13px;font-weight:bold}
.amp-tags a{color:$(posts.tags.color);font-size:13px;margin:0 0 0 5px;font-weight:normal;padding:5px 10px;background:$(posts.tags.bg);border-radius:2px;transition:all 0s;display:inline-block}
.widget{overflow:hidden}
.amp-tags a:hover{background:$(posts.tags.hover.bg);color:$(posts.tags.hover.color)}
.amp-tags svg{width:11px;height:11px;margin-left:4px;vertical-align:middle;transition:all 0s}
.edit-post a{font-size:11px;text-align:center;padding:5px 8px;border-radius:1px;background-color:$(step.color);margin:0 auto 3px;color:$(grad.color);vertical-align:top}
.commint-cont{display:inline-block;vertical-align:middle;color:$(posts.meta.color);font-size:13px;float:left}
.commint-cont svg{width:15px;height:15px;display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-1px}
.blog-admin{display:none}
.atags .blog-admin{float:left;vertical-align:top;overflow:hidden;margin-top:0!important}
.page .atags{overflow:hidden}
.page .atags .blog-admin{float:right}
.topic-nav,.reaction-buttons,section#comments,.amp-tags,.shareButton,.RelatedPosts,.author-profile{display:block;padding:15px 0 0;margin-top:15px;border-top:2px dotted $(posts.border)}
.reactions-label{display:inline-block;vertical-align:top;color:#343434;font-size:14px}
.reactions-label svg.icon{color:#1f3d74;width:16px;height:16px;margin-top:1px;margin-left:0}
iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub}
#FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none}
.post-body strike{text-decoration:line-through}
.post-body u{text-decoration:underline}
.post-body ul li,.post-body ol li{margin-bottom:3px;padding-bottom:3px}
.post-body ul,.post-body ol{padding-right:30px}
.post-body ol li:before{list-style:disc;content:counter(li);font-size:13px;padding:0 5px;line-height:1.3rem;width:24px;display:inline-block;text-align:center;background:$(posts.num.bg);border-radius:3px;margin-left:8px;border:1px solid $(posts.num.border);color:$(posts.num.color)}
.post-body ol li{counter-increment:li;list-style:none;font-size:13px}
.post-body ol{padding-right:5px}
.post-body h2,.post-body h3,.post-body h4{padding:13px 20px 13px 13px;border-radius:3px;margin:5px 0 10px}
.post-body h4{background:$(posts.h4.bg);font:$(posts.h4.font);border-bottom:1px solid $(posts.h4.border);color:$(posts.h4.color)}
.post-body h3{background:$(posts.h3.bg);font:$(posts.h3.font);border-bottom:1px solid $(posts.h3.border);color:$(posts.h3.color)}
.post-body h2{background:$(posts.h2.bg);font:$(posts.h2.font);padding:14px 20px 14px 13px;border-bottom:1px solid $(posts.h2.border);color:$(posts.h2.color)}
.PagePrakediv a{display:block;overflow:hidden;padding:10px;text-align:center;background:$(posts.read.more.bg);border:1px dashed $(posts.read.more.border);color:$(posts.read.more.color)}
.post-body blockquote{color:#545454;font-size:100%;background-color:#efefef;border-left:none;padding:50px 20px 40px;margin:40px 0 30px 0;position:relative;text-align:center;clear:both}
.PagePrakediv{margin-top: 15px;display:block;overflow:hidden}
.post-body blockquote:before {content: "";background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin: 0 0px 3px 10px;}
.post-body blockquote:before{position:absolute;top:0;left:50%;margin-top:-45px;margin-left:-40px;width:80px;height:80px;background-color:#fff;line-height:90px;border-radius:50%;text-align:center;background-size:35px;background-position-y:30px}
.TocList{margin-bottom:5px}
td.tr-caption{font-size:12px}
/* topic-nav */
.texxattt{display:inline-block;color:$(grad.color);font-size:10px;background:$(step.color);padding:2px 5px;border-radius:2px;margin-bottom:3px}
.posttitle{font-size:14px;color:#353535 !important;width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newPost,.oldPost{padding-left: 10px;float:right;width:50%;padding-right:10px;border-right:3px solid $(step.color)}
.topic-nav-cont{overflow:hidden}
.post-random .newPost .posttitle{width:100%;position:relative;padding:5px 0 2px}
.post-random .newPost{float:none;width:100%;margin-bottom:0}
.post-random .newPost:not(:first-of-type) .texxattt{display:none!important}
.post-random .texxattt{font-size:13px;margin-top:0;margin-bottom:0;padding:3px 10px;transform:skew(2deg);margin-right:-11px;border-radius:0}
.post-random .newPost .posttitle:before{content:"*";vertical-align:middle;display:inline-block;margin-bottom:-4px;color:$(step.color);margin-left:3px}
.post-random * {line-height: initial !important;}
.post-random {margin: 10px 0;}
/* comments */
li.comment{padding:10px 5px 0;margin:10px 0;border:1px solid #eee;box-shadow:none!important;display:block;border-right:0;border-left:0;border-bottom:0}
.avatar-image-container{position:absolute;width:45px;height:45px;border-radius:50%;text-align:center;margin-top:0;margin-right:5px}
.avatar-image-container img{border-radius:100%;height:40px;width:40px;background:transparent url(https://4.bp.blogspot.com/-ci3XMoAMGzg/WiCTxCLLWeI/AAAAAAAAPjI/UkV1sBTKC7EamOC_UmMJ4cQCv4xNNI82QCLcBGAs/s1600/log.jpg) no-repeat center;background-size:40px;overflow:hidden}
.comment-header{display:inline-block;overflow:hidden;clear:both;margin-right:60px}
span.datetime,cite.user{display:block;overflow:hidden;clear:both;font-size:13px;float:right}
span.datetime a,cite.user a{color:#666!important;font-weight:normal!important}
.comment-content{padding:10px 15px 13px;font-size:13px;cursor:text;font-weight:100;color:#000;overflow:hidden;border-top:1px dashed #eee}
.comment-actions.secondary-text a{padding:0 20px 1px;margin:5px 0;background:#f9f9f9;border:1px solid #e8e8e8;border-right: 0;font-size:13px}
span.datetime a,cite.user a{font-size:13px}
.comment-reply{border-radius:0 3px 3px 0;border-left:0!important}
.datetime.secondary-text a,.comment-actions.secondary-text a{color:#000}
.comments span.item-control a{border-radius:3px 0 0 3px!important}
.comment-reply {border: 1px solid #e8e8e8 !important;}
.comment-replies{margin-top:10px!important;margin-bottom:0!important;padding-right:40px}
.comments .comments-content .inline-thread{padding:0!important}
span.thread-toggle.thread-expanded,.comment-replies .comment-replies,.thread-count,.continue,.loadmore.loaded,.hidden{display:none}
.comment-thread ol{padding:0}
.comment-replies li.comment:first-of-type{margin-top:20px!important}
.comment-replies li.comment{border:0;padding-bottom:2px;box-shadow:none;padding:0;margin-top:25px!important}
.comment-replybox-single{padding-right:40px;display:block;clear:both;overflow:hidden}
.comment-replies span.item-control a {border-radius: 3px!important;border: 1px solid #e8e8e8;}
.comment-form{min-height: 205px;padding:20px;border:1px dashed $(posts.comment.border)}
#comments .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px}
#comments .comments-info .comments-count{float:right;padding:5px 0;font-size:14px;position:relative;color:$(posts.comment.title)}
#comments .comments-info .go-respond b{float:right;padding:5px 15px;margin:0 25px;background-color:$(posts.comment.button);color:#3e3e3e;position:relative;overflow:hidden;font-size:13px}
#comments .small-icon{color:$(posts.comment.icon);width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:4px}
.comments-info svg.small-icon{width:15px!important;margin-left:5px!important;margin-top:0!important}
a#commnetLinkS{font-size:13px;cursor:pointer;font-weight:bold;color:$(posts.comment.link)}
h4#comment-post-message{display:inline-block;vertical-align:middle;font-size:14px;margin-right:5px;color:$(posts.comment.title)}
.conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:$(posts.comment.massg)}
iframe#comment-editor{border-top:1px dashed $(posts.comment.border);border-bottom:1px dashed $(posts.comment.border);margin-top:20px;box-sizing:content-box}
.comment-replybox-thread #comment-editor{display:none!important}
/* author profile */
.author-profile{border-top:0;padding:30px;position:relative;border-radius:0;background-color:$(posts.au.bg);border:1px solid $(posts.au.border)}
.gfvg{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.dshdsgn{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem;padding-left:15px;padding-right:110px;min-height:80px}
.authorph img{border-radius:100%;border:1px solid #ccc}
.authorph.PLHolder{width:80px;height:80px;background:#ccc;border-radius:100%}
.authorph{width:80px;height:80px;right:0;left:auto;top:0;margin:0 auto;position:absolute;z-index:3}
.author-name{margin-bottom:.75rem}
.author-desc{font-size:13px;color:#4a4a4a}
a.g-profile{display:block;color:#000;font-size:18px}
a.g-profile span{color:#3b5999;font-weight:bold}
/* buttons */

/* nextprev */
.page-navigation{margin-top: 15px;display:block;overflow:hidden;background:$(posts.next.prev.bg);padding:5px 10px;border:1px solid $(posts.next.prev.border)}
#siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-radius:35px;margin:3px!important;transition:all 0.3s}
float:right;border-left:7px double #fff;border-radius:0 5px 5px 0}
.siki-next-prev a{display:block}
#siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative}
.siki-next-prev span{font-size:30px;color:#585858}
#siki_prev span:nth-child(2){float:right;line-height:45px}
#siki_next{float:left;border:2px solid $(keycolor);border-right:8px solid $(keycolor);border-radius:35px;margin:0}
#siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
#siki_next span:nth-child(2){float:left;line-height:45px}
#siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative}
#siki-page-number{text-align:center;color:#292929;font-size:14px;position:absolute;right:calc((100% - 110px) / 2);left:calc((100% - 110px) / 2);display:inline-block;align-items:center;width:110px;padding:15px 0 0}
#siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
#siki_prev:hover{border:2px solid $(keycolor);border-left:2px solid $(keycolor);border-right:8px solid $(keycolor)}
#siki_next:hover{border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-right:2px solid $(keycolor)}
/* related-posts */
.post .Sp-posts1 .Short_content{display:none}
.post .Sp-posts1 a.thumb{height:150px}
.post .Sp-posts1 .items{display:none!important}
.post .Sp-posts1 h3.rnav-title a{font-size:14px!important;max-height: 3em;height:3em}
.post .Sp-posts1 .posts{padding:10px;border:1px solid #eee;margin-left:15px!important;width:calc((100% - 30px) / 3);margin-bottom:15px}
.post .Sp-posts1 .posts:last-of-type{margin-left:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:0!important}
.Sp-posts1 .posts {

    display: inline-block;
    border-radius: 2px;
    position: relative;
    vertical-align: top;
}
.Sp-posts1 a.thumb {
    margin: 0;
    width: 100%;
    height: 200px;
    position: relative;
}
.Sp-posts1 .posts:nth-of-type(3), .posts:nth-of-type(6) {
    margin-left: 0 !important;
}
/* == PostsNormal == */
.Sp-Normal .moreLink,.post-outer .moreLink{
display:inline-block !important;margin-top:5px;position:relative;font-size:14px;
background:$(step.color);
color:#fff;padding:7px 15px 7px 15px;border-radius:2px}
.post .post-outer .moreLink {display: none!important;}
.Sp-Normal .moreLink:hover,.post-outer .moreLink:hover{padding:7px 10px 7px 30px}
.Sp-Normal .moreLink:before,.post-outer .moreLink:before,a.Lapel-Link:before{width:16px;height:16px;content:"";position:absolute;left:7px;top:8px;color:#000;padding:5px;display:block;opacity:0;transition:0.2s ease-out}
.Sp-Normal .moreLink:hover:before,.post-outer .moreLink:hover:before{opacity:1;transition:0.3s ease-out}
.Sp-Normal .posts{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative}
.Sp-Normal .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px}
.Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.Sp-Normal .thumb{width:300px;height:180px}
.Sp-Normal .cont{width:calc((100% - 315px) / 1);float:right}
.Sp-Normal .posts .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px}
.Sp-Normal h3.rnav-title{height:inherit}
.Sp-Normal h3.rnav-title a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px}
.Sp-Normal .posts:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
.Sp-Normal .posts a.thumb.not-pl:after,.post-outer a.thumb.not-pl:after,.widget.FeaturedPost a.item-thumbnail.thumb.not-pl:after{width:28px;height:28px;top:43%;right:45%}

.icon[data-icon="clock"]{vertical-align:-3px!important}

/* ads-post */
#ret-a3lan #h403{text-align:center;display:block;font-size:13px;padding:15px 0 0;margin-top:15px;border-top:2px dotted #eeeeee}
.SeoPlusAds {
    margin: 15px 0;
    text-align: center;
    display: block;
    clear: both;
}
div#bot-a3lan, div#top-a3lan, div#ret-a3lan {
    overflow: initial;
}
/* ArchivePage */
h2.Category-ArchivePage {background: $(step.color);display: inline-block;padding: 0;border-radius: 30px;}
h2.Category-ArchivePage a {color: $(grad.color);display: inline-block;padding: 5px 25px;font-size: 15px;}
ul.clear li {color: $(step.color);}
ul.clear li a {font-weight: bold;color: #121212;font-size: 13px;}
.caregory-div:not(:first-of-type) {margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}
/* smoothscroll top */
.smoothscroll-top{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99;background-color:$(step.color);color:$(grad.color);right:1%;bottom:-25px;transition:all 0.3s ease-in-out;transition-delay:0.2s;font-weight:100;font-size:18px;display:flex;width:35px;height:35px;align-items:center;border-radius:2px}
.smoothscroll-top.show{visibility:visible;cursor:pointer;opacity:1;bottom:1.5%}
.smoothscroll-top svg{margin:0 11px;display:block}
/*=================
الهيدر
===================*/
header#sp-header{display:block;position:relative;margin-bottom:20px;height:97px}
.head-pz{height:97px;width:100%;position:fixed;background:$(H.Bg);-webkit-box-shadow:0 1px 3px rgba(32,33,36,0.1);box-shadow:0 1px 3px rgba(32,33,36,0.1);top:0;right:0;left:0;z-index:999999999}
.par-tp{display:block;width:100%;clear:both;height:35px;position:fixed;top:0;right:0;left:0;max-width:1100px;margin:0 auto}
.floar{color:$(grad.color);width:77%;float:left;display:block;clear:both;position:relative;font-size:13px;padding:0 15px 0 0}
.floar:before{background:$(step.color);color:$(grad.color);width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:5px;transform:skewX(30deg);right:0;content:"";transform:skewX(-30deg);border-bottom-right-radius:5px;height:35px}
div#pages{float:right;margin:8.5px 0;font-size:12px;position:relative}
div#pages li{display:inline-block;padding:0 5px}
.floar a{color:$(grad.color);font-size:12px}
.par-tp.active{top:-35px}
.par-bottm.active{top:35px}
.head-pz.active{height:72px;opacity:0.8}
.head-pz.active:hover{opacity:1}
.par-bottm.active nav.nav-par{top:-30px;width:calc((100% - 280px) /1)!important}
div#top-social-L{margin-left:0;float:left;z-index:999;position:relative;margin-top:4px}
#top-social-L ul li{display:inline-block}
#top-social-L li:first-of-type{margin-right:0}
#top-social-L li{display:inline-block;vertical-align:middle;margin-right:2px}
#top-social-L li a{display:block;padding:6px;border-radius:3px}
.par-bottm{display:block;clear:both;position:fixed;top:35px;right:0;left:0;width:100%;position:relative}
.logo{float:right;display:block;position:relative}
div#logo{font-size:1.5em;position:relative;top:-25px;z-index:9999;width:250px;height:70px}
div#header-inner{width:250px;height:70px;display:table-cell;vertical-align:middle}
img#Header1_headerimg{max-height:70px;margin:0 auto}
.icon{width:13px;margin-left:3px;display:inline-block;vertical-align:middle}
nav.nav-par{float:left;width:calc((100% - 320px) /1)!important;position:relative;top:0}
div#menu{height:62px;display:flex;align-items:center}
nav.nav-par li.ma{display:inline-block!important}
nav.nav-par ul li{margin-left:12px;margin-right:-4px}
nav.nav-par ul li a{color:$(H.Link);position:relative;font:$(H.Link.font);display:block;padding:10px 0 10px}
li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;right:-5px;width:180px;background:$(H.mons.bg);top:40px;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999;opacity:0;visibility:hidden;transition:.2s ease;transform:scale(0)}
li.ma.pluselink:hover ul:not(.ma2ul){opacity:1;visibility:visible;transform:scale(1)}
li.ma.pluselink ul:not(.ma2ul):before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:-8px;right:20%;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma.pluselink span.icon{color:$(H.Icon.Color);width:10px;position:absolute;top:8px;left:-20px;right:auto;transform:rotate(180deg);line-height:1}
li.ma.pluselink:hover span.icon{transform:rotate(0);top:10px}
.pluselink2 span.icon{width:8px!important;left:5px!important;top:7px!important;transform:rotate(90deg)!important;right:auto!important}
.pluselink2:hover span.icon{left:8px!important}
li.ma.pluselink,li.ma2.pluselink2{position:relative}
li.ma.pluselink li{display:block!important;margin:0!important}
li.ma.pluselink li a{color:$(H.mons.Color);font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid $(H.mons.border);background:$(H.mons.bg);display:block;position:relative}
li.ma.pluselink li a:hover:before{background:$(H.mons.hover)}
li.ma.pluselink li a:before{content:"";width:8px;height:8px;position:absolute;background:$(H.mons.bg);top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma2.pluselink2 ul.ma2ul{display:block;position:absolute;right:100%;width:180px;background:$(H.mons.bg);top:0;opacity:0;visibility:hidden;transition:.2s ease;transform:translateX(-30px);border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999}
li.ma2.pluselink2:hover ul.ma2ul{transform:translateX(0);opacity:1;visibility:visible}
li.ma2.pluselink2 ul.ma2ul:before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:8px;right:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma.pluselink li:last-of-type a{border-bottom:0}
li.ma.pluselink {margin-left: 25px;}
.par-bottm.active #logo{width:230px;height:50px}
.par-bottm.active #header-inner{width:230px;height:50px}
.par-bottm.active #Header1_headerimg{max-height:50px}
/* =========
=  Aside & footer
   ========= */
div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0}
#sidepar-wid{transition: none !important;width:$(sidebar.width);float:left;margin-right:15px;vertical-align:top}
footer{overflow:hidden;display:block;clear:both;background:#fff;padding:15px 0 0;border-top:1px solid #e6e6e6}
.mid-top-footer .footer-col{float:right;width:calc((100% - 60px) / 3);margin-left:30px}
footer .headline{background:transparent;border-bottom:1px solid #eee}
footer .headline .title{background:transparent;color:#121212;padding:0 3px 7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-radius:0!important}
div#footer-col3{margin-left:0;padding-left:0;border-left:0}
.mid-top-footer .footer-col .widget{margin-bottom:30px;vertical-align:top}
.mid-top-footer .footer-col .widget:last-of-type{margin-bottom:15px}
.bottom-footer{position: relative;z-index: 99999;display:block;overflow:hidden;clear:both;padding:10px 0;box-shadow:0 -1px 25px -16px #000;margin-top:0;background:#fff}
footer .container{display:block;overflow:hidden}
.yemen a{font-size:13px;font-weight:bold;color:#345ea9;letter-spacing:0;vertical-align:middle}
.yemen{min-height: 32px;font-size:13px;float:right;display:flex;align-items:center}
.yemen a:not(#7qok){font-size:initial;font-weight:normal;color:transparent;letter-spacing:0;vertical-align:middle;width:27px;height:27px;overflow:hidden}
.yemen span{font-size:13px;vertical-align:middle;margin-left:3px}
.shmal{float:left;font-size:13px;margin-top:5px}
/* recent-comments Widget */
.recent-comments .comment .leave-comm:before{width:8px;height:8px;content:"";position:absolute;right:2px;top:2px;color:#000;padding:5px;display:block;transition:0.2s ease-out}
.recent-comments{overflow:hidden}
aside .recent-comments .comment{border-bottom:1px solid #eeeeee}
.recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
.recent-comments .comment:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
 .comments-img-wrap{border:3px solid #eeeeee}
.comments-img-wrap{float:right;width:50px;height:50px;border-radius:100px;margin-left:15px;overflow:hidden}
.recent-comments .comment .comm{float:right;width:calc(100% - 65px)}
 .recent-comments .comment .comm-author{color:#999999}
 .recent-comments .comment p{color:#444444}
.recent-comments .comment .comm-author{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;float:right;height:21px;margin-left:10px;overflow:hidden}
.recent-comments .comment .details{float:left;overflow:hidden}
.recent-comments .comment .details span{margin-left:0;font-size:9.5px;display:inline-block;vertical-align:top;color:#999999}
.recent-comments .comment p{text-align:right;width:95%;margin:0 0 2px;font-size:10px;max-height:18px;line-height:1.8em;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.recent-comments .comment .leave-comm{display:block;padding:0 15px;overflow:hidden;font-size:10px;position:relative;color:#6f6f6f;font-weight:bold}
/* social bottom footer */
.shmal .social-static.social li {display: inline-block;vertical-align: middle;margin-right: 2px;}
footer .social-static.social a[title='twitter'], aside .social-static.social a[title='twitter'], .mop-icon .social-static.social a[title='twitter'] {background: #1da1f2;}
footer .social-static.social a[title='reddit'], aside .social-static.social a[title='reddit'], .mop-icon .social-static.social a[title='reddit'] {background: #ff6933;}
footer .social-static.social a[title='whatsapp'], aside .social-static.social a[title='whatsapp'], .mop-icon .social-static.social a[title='whatsapp'] {background: #128C7E;}
footer .social-static.social a[title='facebook'], aside .social-static.social a[title='facebook'], .mop-icon .social-static.social a[title='facebook'] {background: #4267b2;}
footer .social-static.social a[title='sitemap'], aside .social-static.social a[title='sitemap'], .mop-icon .social-static.social a[title='sitemap'] {background: $(step.color);}
footer .social-static.social a[title='pinterest'], aside .social-static.social a[title='pinterest'], .mop-icon .social-static.social a[title='pinterest'] {background-color:#cc2127}
footer .social-static.social a[title='linkedin'], aside .social-static.social a[title='linkedin'], .mop-icon .social-static.social a[title='linkedin'] {background-color:#0976b4}
footer .social-static.social a[title='youtube'], aside .social-static.social a[title='youtube'], .mop-icon .social-static.social a[title='youtube'] {background-color:#e52d27}
footer .social-static.social a[title='spotify'], aside .social-static.social a[title='spotify'], .mop-icon .social-static.social a[title='spotify'] {background-color:#1ed760}
footer .social-static.social a[title='snapchat'], aside .social-static.social a[title='snapchat'], .mop-icon .social-static.social a[title='snapchat'] {background-color:#f5d602}
footer .social-static.social a[title='flickr'], aside .social-static.social a[title='flickr'], .mop-icon .social-static.social a[title='flickr'] {background-color:#FF0084}
footer .social-static.social a[title='wordpress'], aside .social-static.social a[title='wordpress'], .mop-icon .social-static.social a[title='wordpress'] {background-color:#207297}
footer .social-static.social a[title='blogger'], aside .social-static.social a[title='blogger'], .mop-icon .social-static.social a[title='blogger'] {background-color:#e96734}
footer .social-static.social a[title='instagram'], aside .social-static.social a[title='instagram'], .mop-icon .social-static.social a[title='instagram'] {background-color:#7c38af;background:radial-gradient(circle at 0 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
footer .social-static.social a[title='behance'], aside .social-static.social a[title='behance'], .mop-icon .social-static.social a[title='behance'] {background-color:#009fff}
footer .social-static.social a[title='soundcloud'], aside .social-static.social a[title='soundcloud'], .mop-icon .social-static.social a[title='soundcloud'] {background-color:#FF5419}
footer .social-static.social a[title='messenger'], aside .social-static.social a[title='messenger'], .mop-icon .social-static.social a[title='messenger'] {background-color:#0084ff}
footer .social-static.social a[title='google-play'], aside .social-static.social a[title='google-play'], .mop-icon .social-static.social a[title='google-play'] {background-color:#3d9dab}
footer .social-static.social a[title='telegram'], aside .social-static.social a[title='telegram'], .mop-icon .social-static.social a[title='telegram'] {background-color:#32AEE1}
footer .social-static.social a[title='tumblr'], aside .social-static.social a[title='tumblr'], .mop-icon .social-static.social a[title='tumblr'] {background-color:#3e5a70}
.social-static.social i.fa {opacity: 0.9;display: block;width: 15px;height: 15px;}
aside .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px}
.social-static.social i.fa:hover{opacity:1}
div#footer-social i.fa{opacity:1}
aside .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center}
aside .social-static.social i.fa, .mop-icon .social-static.social i.fa{opacity:1;width:22px;height:22px;margin:0 auto}
.social-static.social {display: block;overflow: hidden;vertical-align: middle;}
.shmal .social-static.social li a {display: block;padding: 6px;border-radius: 3px;}
.shmal .social-static.social li:first-of-type {margin-right: 0;}
/* aside linklist */
aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{list-style:none;display:block}
aside .LinkList ul li a:hover::before,footer .LinkList ul li a:hover::before,aside .PageList ul li a:hover::before,footer .PageList ul li a:hover::before{background:$(step.color)}
aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{color:#525252;font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid #e6e6e6;background:#ffffff;display:block;position:relative}
aside .LinkList ul li:last-of-type a,footer .LinkList ul li:last-of-type a,aside .PageList ul li:last-of-type a,footer .PageList ul li:last-of-type a{padding-bottom:0;border-bottom:0}
aside .LinkList ul li a::before,footer .LinkList ul li a::before,aside .PageList ul li a::before,footer .PageList ul li a::before{content:"";width:8px;height:8px;position:absolute;background:#ffffff;top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid #e6e6e6}
aside .LinkList ul li a:hover:before,footer .LinkList ul li a:hover:before,aside .PageList ul li a:hover:before,footer .PageList ul li a:hover:before{background:$(step.color)}
aside .LinkList ul li:first-of-type a,footer .LinkList ul li:first-of-type a,aside .PageList ul li:first-of-type a,footer .PageList ul li:first-of-type a{padding-top:0}
aside .LinkList ul li:first-of-type a::before,footer .LinkList ul li:first-of-type a::before,aside .PageList ul li:first-of-type a::before,footer .PageList ul li:first-of-type a::before{top:5px}
/* Label Widget */
.widget .list-label-widget-content ul{padding-right:20px}
.widget .list-label-widget-content ul li{font-size:14px;color:#1f1f1f;margin-bottom:5px;padding:4px 0;padding-bottom:7px;list-style:decimal;border-bottom:1px dashed #eee}
.widget .list-label-widget-content ul li a{color:#3e3e3e;font-size:13px;.cloud-label-widget-contentdisplay:block;padding:2px}
.widget .list-label-widget-content ul li:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0}
span.label-count{float:left;color:#585858;text-align:center}
.widget.Label .cloud-label-widget-content span.label-size{float:right;width:calc((100% - 10px) / 2);vertical-align:middle;display:block;margin-bottom:10px}
.widget.Label .cloud-label-widget-content span.label-size a.label-name{padding:10px 10px;display:block;border-radius:30px;text-align:center;font-size:13px;color:#565656;border:1px solid #e6e6e6;background:#f7f7f7}
.widget.Label .cloud-label-widget-content span.label-size:nth-of-type(odd){margin-left:10px}
.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(1),.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(2){margin-bottom:0}
.widget.Label .cloud-label-widget-content span.label-size a:hover,.shareButton a:hover,.PagePrakediv a:hover{box-shadow:0 5px 14px rgba(0,0,0,0.15),0 1px 5px rgba(0,0,0,0.12)}
/* profile */
img.profile-img{border-radius:100%;border:1px solid #eee;margin:0 auto 15px;text-align:center;display:block}
.profile-info a.profile-link.g-profile{background:#eee;color:#000;display:inline-block;font-size:14px;border:1px solid #ccc;padding:5px 15px;border-radius:2px;margin-bottom:8px;margin-top:0}
dd.profile-textblock{font-size:12px;color:#383838}
.profile-info a.profile-link{display:none}
/* BlogSearch */
.BlogSearch input {border: 1px solid #f3f3f3;background: transparent;font-size: 13px;padding: 10px;border-radius: 3px;display: inline-block;width: 55px;}
.BlogSearch input.search-action:hover {background: $(step.color);color: $(grad.color);}
input.search-action{cursor: pointer;}
.search-input{display:inline-block;width:calc((100% - 60px) / 1)}
.search-input input{display:block;width:100%}
/* BlogArchive */
div#ArchiveList ul.hierarchy{padding-right:30px}
div#ArchiveList ul.hierarchy ul.hierarchy{padding-right:15px}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy  li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}
div#ArchiveList ul.hierarchy li a, div#ArchiveList ul.flat li a{color:#121212}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px}
div#ArchiveList ul.hierarchy li{font-size:11px}
div#ArchiveList ul.hierarchy li a:hover, div#ArchiveList ul.flat li a:hover{color:#194ca9}
div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7}
div#ArchiveList .hierarchy-title span.post-count, div#ArchiveList ul.flat li span.post-count{float:left;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal}	
div#ArchiveList ul.flat {padding-right: 30px;}
div#ArchiveList ul.flat li:not(:last-of-type) {margin-bottom: 5px;padding-bottom: 5px;}
div#ArchiveList ul.flat li {font-size: 13px;}
/* FeaturedPost Widget */
.widget.FeaturedPost .post-title{margin-bottom:3px}
.widget.FeaturedPost .post-title a{font-size:16px;display:block;line-height:1.7em;max-height:4.5em;overflow:hidden;color:$(Hpost.Title.Color);font-weight:normal}
.widget.FeaturedPost p.snippet-item.r-snippetized{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px}
.widget.FeaturedPost .item-thumbnail.thumb{width:100%;min-height:150px;margin:0;height:auto}
/* PopularPosts Widget */
.PopularPosts a.item-thumbnail.thumb{width:90px;height:70px;margin-left:10px}
.PopularPosts h3.post-title{width:calc((100% - 100px) / 1);float:left;overflow:hidden;margin-top:1px;text-align:right;max-height:4em}
.PopularPosts h3.post-title a{font-size:13px;color:$(Hpost.Title.Color)}
.PopularPosts article.post{display:block;overflow:hidden;clear:both;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.PopularPosts article.post:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
/* FollowByEmail Widget */
.widget.FollowByEmail .follow-by-email-inner:before {content: "";height: 160px;width: 100%;text-align: center;display: block;background:center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inlin'%3E%3Cpath fill='%23585858' d='M349.32 52.26C328.278 35.495 292.938 0 256 0c-36.665 0-71.446 34.769-93.31 52.26-34.586 27.455-109.525 87.898-145.097 117.015A47.99 47.99 0 0 0 0 206.416V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V206.413a47.989 47.989 0 0 0-17.597-37.144C458.832 140.157 383.906 79.715 349.32 52.26zM464 480H48c-8.837 0-16-7.163-16-16V206.161c0-4.806 2.155-9.353 5.878-12.392C64.16 172.315 159.658 95.526 182.59 77.32 200.211 63.27 232.317 32 256 32c23.686 0 55.789 31.27 73.41 45.32 22.932 18.207 118.436 95.008 144.714 116.468a15.99 15.99 0 0 1 5.876 12.39V464c0 8.837-7.163 16-16 16zm-8.753-216.312c4.189 5.156 3.393 12.732-1.776 16.905-22.827 18.426-55.135 44.236-104.156 83.148-21.045 16.8-56.871 52.518-93.318 52.258-36.58.264-72.826-35.908-93.318-52.263-49.015-38.908-81.321-64.716-104.149-83.143-5.169-4.173-5.966-11.749-1.776-16.905l5.047-6.212c4.169-5.131 11.704-5.925 16.848-1.772 22.763 18.376 55.014 44.143 103.938 82.978 16.85 13.437 50.201 45.69 73.413 45.315 23.219.371 56.562-31.877 73.413-45.315 48.929-38.839 81.178-64.605 103.938-82.978 5.145-4.153 12.679-3.359 16.848 1.772l5.048 6.212z' %3E%3C/path%3E%3C/svg%3E");margin: 0 auto;}
input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center}
input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer}
input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px}
/* redirectPage css */
.ccontenr{height:250px;width:250px;margin:0 auto;text-align:center;border-radius:100%;border:20px solid #f8f8f8;position:relative;border-bottom-color:transparent}
.two{display:flex;align-items:center;text-align:center;justify-content:center;height:100%;font-size:45px;position:relative;top:-8px}
.border1{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border2{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border3{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border4{position:absolute;top:-19px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom:23px solid #fff}
.safgasdg{height:245px;width:270px;margin:0 auto;border:0;overflow:hidden}
.zr{position:absolute;bottom:-10px;right:0;left:0;z-index:999999;border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:5px 15px;width:160px;font-size:14px;margin:0 auto;border-radius:50px;color:#d2d2d2!important;text-decoration:none}
.run{cursor:progress}
.act{cursor:pointer;color:#3c5b92!important;border-color:$(step.color);border-style:double;transition:all 0.3s}
a.zr.act:hover{border-color:$(step.color);background:$(step.color);color:#fff!important}
.dis{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important}
/* contact US */
#contact-form{padding:20px;border:1px dashed #eee}
div#Pagecontactus{margin:10px 0}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #d6d6d6;transition:all .5s ease-out;width:100%;border-radius:2px;padding:8px 15px;margin-bottom:10px;background:transparent;font:400 14px 'Segoe UI'}
input#ContactForm1_contact-form-name{margin-top:0}
#ContactForm1_contact-form-submit{background:#eee;cursor:pointer;font-weight:bold;float:right;padding:8px 15px;color:#3c3c3c;margin:0 0;font-size:13px;border:1px solid #d4d4d4}
div#ContactForm1_contact-form-error-message img{vertical-align:middle;margin-right:3px}
textarea#ContactForm1_contact-form-email-message{margin-bottom:5px}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgb(60,91,146);border-style:solid}
/* search-box */
.stxk{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.stxk{display:none}
.search-box{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;overflow:hidden;top:0;left:0;right:0;bottom:0}
.search-box-fix{width:100%;margin:0 auto;height:100%;max-width:600px;background:transparent;vertical-align:middle;display:table-cell;position:fixed;max-height:150px;right:0;top:30%;bottom:0;left:0;z-index:999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;}
.search-wrap{width:90%;height:100%;display:table;margin:0 auto;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;position:relative}
.search-fo{width:100%;height:100%;vertical-align:middle;display:table-cell}
.search-field{text-align:center;-webkit-appearance:none;padding:10px;border:none!important;background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!important;font-size:30px;font-weight:bold;font-family:monospace;color:#fff}
.search-submit,.search-submit2{background:#2c82c9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block;margin:15px 0 -5px 0;width:45px;height:45px;position:relative;padding:7px 0;color:#ffffff;border-radius:5px;border:0!important}
.search-submit{background:#eee;border:1px solid #ccc;width:45px;height:45px;border-radius:50%;border:1px solid #ccc!important}
a.search-submit2 svg{margin:5px 0!important;width:30px!important;height:30px!important}
a.search-submit2{position:absolute;left:-15px;top:-15px;margin:0;border-radius:50%;background:transparent}
a.search-submit2 svg{margin:5px 0 0 0!important;vertical-align:-1px}
.search-box{display:none}
input.search-field::placeholder{color:#9e9e9e}
.textst{font-size:40px;color:#fff;position:relative;top:-20px}
header#sp-header .widget{overflow:initial}
.post-body a[imageanchor]{margin:0 auto!important}
.open.nav1,.search{display:flex;position:relative;float:left;margin:1px 0;background:$(step.color);width:30px;height:31px;text-align:center;align-items:center;border-radius:3px;top:14px;margin-right:5px}
a.op-one svg,.search svg{color:$(H.Icon.Sh);margin:0 9px;width:13px!important;height:13px}
.par-bottm.active .open.nav1,.par-bottm.active .search{top:-15px}
.search svg{position:relative;top:2px}
.pos-t-t{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.pos-t-t{display:none}
.mop-pages,.mop-links{margin-bottom:15px}
.mop-icon{margin-top:15px;margin-bottom:15px}
.closebtn{text-align:right;position:absolute;top:0;left:0;font-size:23px;z-index:9999;height:55px;display:block;float:left;line-height:53px;color:#484848;width:100%;padding:0 20px 0 10px}
.closebtn svg{width:1.3em;height:1.3em;margin-top:12px}
.sidenav{height:100vh;width:250px;position:fixed;top:0;right:-260px;background-color:#ffffff;overflow-x:hidden;transition:0.3s;z-index:999999999999999999999999;padding-top:45px;padding-right:10px;padding-left:10px;padding-bottom:45px;max-width:100%}
.sidenav.open {right: 0;}
.mop-icon .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px}
.mop-icon .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center}
.mop-links #menu{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages #PageList1{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages ul,.mop-links ul{padding-right:30px}
.mop-pages ul li,.mop-links ul li{list-style:circle;font-size:13px}
.mop-pages ul li:hover,.mop-links ul li:hover{list-style:disc}
.mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #eee;font-size:13px}
.mop-links ul::before{display:none!important}
.mop-links li ul li a{padding-right:13px!important}
.mop-links li ul li a::before{right:0!important}
.mop-links .ma2.pluselink2 ul.ma2ul{transform:none!important;opacity:1!important;visibility:visible!important;position:relative!important;box-shadow:none!important;top:0!important;right:auto!important;width:auto!important;border:none!important;padding-right:10px!important}
.mop-links li.ma2.pluselink2 li a::before{transform:none!important}
.mop-links .pluselink span.icon,.mop-links .pluselink2 span.icon{top: 8px !important;transform:none!important}
.mop-links .ma.pluselink ul:not(.ma2ul){position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:auto!important;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;visibility:visible!important;opacity:1!important;padding-right:0!important;margin-right:-10px!important}
.mop-links li.ma.pluselink span.icon{left:0!important;top:0!important}
.mop-links .pluselink2:hover span.icon{left:0!important}
.mop-links li.ma2.pluselink2 span.icon {top: 8px !important;}
.loadMore{margin-top:15px;text-align:center;overflow:hidden;display:block;clear:both}
.noMorePosts,div#loader,.loadMore .loadMorePosts a{width:130px;background:$(step.color);color:#fff;display:block;margin:0 auto;position:relative;font-size:14px;border-radius:1px;padding:8px 13px;text-align:right}
.loadMore .loadMorePosts a:before,.noMorePosts:before,div#loader:before{content:"";width:27px;height:27px;display:block;background:$(grad.color);position:absolute;left:5px;bottom:4px;border-radius:100%}
svg.icon-load{position:absolute;left:7.1px;bottom:5px;width:22px;height:22px;color:$(step.color)}
div#loader svg.icon-load{bottom:7px;left:8px;width:21px;height:21px}
.noMorePosts{width:150px!important}
.noMorePosts svg.icon-load{width:19px;height:19px;bottom:8px;left:9px}
table {max-width: 100%;}
.titlewrapper .title{position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px}
.descriptionwrapper{display:none}
div#E3lanat{position:absolute;z-index:-1;opacity:0;visibility:hidden}
.toctitle{display:block;font-size:17px;padding-bottom:6px;border-bottom:1px solid #eee;margin-bottom:6px;position:relative;padding-right:16px}
.topcs7v{margin:15px 0;padding:15px 10px;border:1px solid #eee}
ul#tocList{padding-right:30px}
ul#tocList li{list-style:circle;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #f7f7f7}
ul#tocList li:hover{list-style:disc}
ul#tocList li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
ul#tocList li a{color:$(step.color);font-size:13px;display:block}
ul#tocList li a:hover{color:#000}
.toctitle:before{content:"*";color:$(step.color);padding-left:5px;line-height:1em;position:absolute;right:5px;top:8px}
.hideensa{overflow:hidden;display:block;clear:both}
svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:$(step.color)}
/*=================
New Worck
===================*/
.trelists{float:right;width:calc((100% - 30px) / 3)}
div#Postnw5,div#Postnw2{margin:0 15px}
.bocker{overflow:hidden;display:block;clear:both;position:relative}
div#main .HTML{clear: both;position: initial !important;padding: 0 20px !important;margin:0;border:0;background:transparent;}
.shreet .thumb,.shreet .Short_content{display:none}
.shreet h3.rnav-title{height:initial}
.shreet .Posts-byCategory {display: flex;position: absolute; right: 100%;transition: none !important;}
.shreet h3.rnav-title a:before {margin-left: 5px;content:'';background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='file-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23444' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: inline-block;vertical-align: middle;width: 13px;height: 13px;}
#shreeta5bar .headline,.shreet{margin:0}
#shreeta5bar .headline:before{display:none}
#shreeta5bar .headline{flex-shrink:0;margin-left:15px}
.shreet{position:relative;width:100%;height:40px;display:flex;overflow:hidden;align-items:center}
.shreet h3.rnav-title a{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
div#shreeta5bar .Label{box-shadow:0 0 1px 0 #d6d6d6;border:1px solid #ebebeb;padding:0 10px;height:60px;background:#fff;display:flex;align-items:center;flex-flow:nowrap;flex:1 100%}
#shreeta5bar .headline .title{float:right;height:35px;line-height:35px;padding:0 20px 0 50px;padding-top:0;padding-bottom:0;padding-right:50px;padding-left:20px;background:$(step.color);color:#ffffff;font-size:14px;position:relative;z-index:1}
.shreet .items a.author,.shreet .items span.Date{display:none}
.shreet .posts{padding-left:15px}
.shreet span.category{display:none}
#shreeta5bar .headline .title:before{display:none}
#shreeta5bar .headline .title:before {content: "";position: absolute;right: 17px;top: 7px;width: 20px;height: 20px;background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: block;}
h3.rnav-title svg {float: right;vertical-align: middle;width: 13px;height: 13px;margin-left: 5px;margin-top: 2px;}
/*=================
responsev
===================*/
@media screen and (max-width:1100px){
div#top-social-L{margin-left:0}
.floar{width:75%}
.Sp-posts4 .posts:nth-of-type(1) .cont,.Sp-posts6 .posts .cont{margin:-80px 5% 0;width:90%}
.post-home,.Sp-Normal .cont{text-align: right;width:calc((100% - 295px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:280px}
.Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-left:15px;margin-right:0!important;margin-bottom:15px}
.Sp-posts1 .items a,.Sp-posts1 .items span{margin-left:0}
}
@media screen and (max-width:992px){

.open.nav1,.search{display:flex!important;top:-15px!important;position:absolute;z-index:9999999}
.open.nav1{right:3%!important}
.search{left:3%}
.PopularPosts a.item-thumbnail.thumb{width:80px;height:70px}
.PopularPosts h3.post-title{width:calc((100% - 90px) / 1)}
#sidepar-wid{width:250px}
.r-r{width:calc((100% - 250px - 15px) / 1)}
.par-tp{top:-335px!important}
nav.nav-par{display:none}
.shareButton .icon{height:13px;width:13px;margin-top:2px}
.Sp-slide .posts:nth-of-type(1){right:27.5%;width:45%}
.Sp-slide .posts:nth-of-type(2),.Sp-slide .posts:nth-of-type(4){right:-45%;padding:0 0 0 15px;width:27.5%}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){padding:0 15px 0 0;width:27.5%}
.par-bottm #Header1_headerimg{max-height:50px;text-align:center}
.par-bottm #header-inner{width:auto;height:50px;margin:0 auto;text-align:center;display:block}
header#sp-header .widget{overflow:initial;text-align:center;margin:0 auto}
.par-bottm #logo{width:200px;height:50px;text-align:center;margin:0 auto}
.logo{float:none}
.head-pz{opacity:1}
header#sp-header,.head-pz{height:72px!important}
.par-bottm.active #logo{width:200px}
.par-bottm.active #header-inner{width:200px}
}
@media screen and (max-width:860px){
.trelists {float: none;width:100%}
.Sp-3colList .posts:nth-last-of-type(1),.Sp-3colList .posts:nth-last-of-type(2){margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important}
.Sp-slide .posts:not(:first-of-type) .rnav-title{padding:0 5px;max-height:initial!important;height:inherit!important}
.Sp-slide .posts:not(:first-of-type){vertical-align: top;height:inherit!important}
.mid-top-footer .footer-col{width:calc((100% - 30px) / 3);margin-left:15px}
.Sp-3colList .posts:nth-child(odd){margin-left:15px!important}
.Sp-3colList .posts{overflow:hidden;width:calc((100% - 15px) / 2);margin:0 0;vertical-align:top;display:inline-block;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important}
.r-r,#sidepar-wid{position: static !important;float:none;width:100%!important;margin:0}
.Sp-slide .posts:nth-of-type(1){height:300px;right:0;width:100%;float:none;padding:0;margin-bottom:15px}
.Sp-slide .posts:nth-of-type(1) .thumb{height:300px}
.Sp-slide .posts:not(:first-of-type){margin:0 0 0 15px;width:calc((100% - 45px) / 4);padding:0!important;float:none;display:inline-block;right:0!important;left:0!important}
.Sp-slide .posts:last-of-type{margin-left:0!important}
}
@media screen and (max-width:720px){
.titlewrapper .title {width: auto;top: 5px;}
.headline .title{padding:8px 20px 6px}
a.Lapel-Link{padding:8px 20px 6px}
.Lapel-Link:hover{padding:8px 20px 6px 35px}
footer{padding:15px}
.mid-top-footer .footer-col .widget{margin-bottom:30px}
.mid-top-footer .footer-col{float:none;width:100%;margin-left:0!important}
.bottom-footer{padding:0;box-shadow:none}
.bottom-footer .yemen{display: block !important;float:none;text-align:center;margin-bottom:10px}
.yemen a[title="SeoPlus Template"] {display: inline-block !important;}
.bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center}
.shareButton a:nth-of-type(4){margin-right:0}
.shareButton a{width:calc((100% - 20px) / 3)}
}
@media screen and (max-width:640px){
.textst{font-size:35px}
.sides{width:100%;float:none;margin:0!important}
.Sp-posts5 .posts:nth-of-type(1){margin-left:0;padding-left:0;width:100%;display:block;margin-bottom:15px;border-left:0;height:initial}
.Sp-posts5 .posts:nth-of-type(1) a.thumb{width:100%;height:250px;margin-left:0}
.Sp-posts5 .posts{margin-left:15px;float:none}
.Sp-posts5 .posts:nth-of-type(3),.Sp-posts5 .posts:nth-of-type(5){margin-left:0}
.Sp-posts5 .posts:nth-last-of-type(1),.Sp-posts5 .posts:nth-last-of-type(2){margin-bottom:0;padding-bottom:0;border-bottom:0}
.Sp-posts5 .posts:nth-of-type(1) h3.rnav-title a{font-size:16px}
.Sp-posts1 .posts:nth-of-type(odd),.post .Sp-posts1 .posts:nth-of-type(odd){margin-left:15px!important}
.Sp-posts1 .posts,.post .Sp-posts1 .posts{width:calc((100% - 15px) / 2);margin-left:0!important;margin-right:0!important;margin-bottom:15px!important}
.Sp-posts1 .posts:nth-last-of-type(1),.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2){margin-bottom:0!important}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){margin-left:0!important}
.Sp-slide .posts:not(:first-of-type){width:calc((100% - 15px) / 2);margin-bottom:15px}
.Sp-slide .posts:nth-last-of-type(1),.Sp-slide .posts:nth-last-of-type(2){margin-bottom:0}
.post-home,.Sp-Normal .cont{width:calc((100% - 195px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:180px}
.Sp-Normal span.category,.post-outer span.category{display:none!important}
.Sp-posts2 .posts{width:calc((100% - 2px) / 2)}
}
@media screen and (max-width:550px){
.topic-nav-cont .newPost, .topic-nav-cont .oldPost {float: none;width: 100%;}
.topic-nav-cont .newPost {margin-bottom: 5px;}
.Sp-3colList .posts:nth-child(odd){margin-left:0!important}
.Sp-posts5 .posts:not(:last-of-type),.Sp-posts5 .posts:nth-last-of-type(2),.Sp-3colList .posts,.Sp-3colList .posts:nth-last-of-type(2){margin-left:0;float:none;width:100%;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important}
.Sp-posts5 .posts:nth-last-of-type(1){width:100%}
}
@media screen and (max-width:480px){
.post-outer .thumb,.Sp-Normal .thumb{width:50vw;margin-bottom:15px;width:100%;float:none}
.post-home,.Sp-Normal .cont{width:100%;float:none}
.Sp-Normal span.category,.post-outer span.category{display:inline-block!important}
.Sp-slide .posts:nth-of-type(1) .cont{top: -110px;margin:-80px 15px 0}
.Sp-slide .items a,.Sp-slide .items span{font-size:11px}
.Sp-slide .items a svg{width:11px}
.reactions-label{display:block;text-align:center;margin-bottom:15px}
iframe.reactions-iframe{height:20px;display:block;vertical-align:middle;text-align:center;margin:0 auto}
.author-profile{padding:15px}
.authorph{width:80px;height:80px;right:0;left:0;top:0;margin:0 auto;position:relative;z-index:3;margin-bottom:15px}
.dshdsgn{padding-left:0;padding-right:0;min-height:80px;text-align:center}
#siki-page-number{font-size:12px;padding:15px 0}
.siki-next-prev span{font-size:13px!important}
div#rx-options{float:right!important}
}
@media screen and (max-width:360px){
.Sp-posts2 .posts{width:100%;margin-left:0!important}
.shareButton a{width:calc((100% - 7px) / 2);margin-right:0!important}
.commint-cont,.atags .blog-admin{float:none}
.Sp-posts1 .posts,.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts,.post .Sp-posts1 .posts:nth-last-of-type(2){margin:0 0 15px!important;width:100%!important;display:block;overflow:hidden}
.Sp-slide .posts:not(:first-of-type){width:100%;margin:0 0 15px!important}
.Sp-slide .posts:nth-last-of-type(1){margin-bottom:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:15px!important}
}

	]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<!-- Layout Skin -->
<b:template-skin><![CDATA[
h4{display:none}
.layout-widget-description{display:none}
body#layout{max-width:930px;padding:25px 15px 0!important;padding-top:90px!important;height:max-content:scrol;background:#ececec!important;border-radius:8px;border:2px solid #e5e5e5!important;margin:3px!important}
body#layout div.section,header#sp-header,.contpotg,footer{background: #fff !important;overflow:hidden!important;padding:50px 15px 15px!important;border:1px solid rgba(32,33,36,0.07)!important;border-radius:2px!important;margin:15px 0!important;position:relative}
#layoutsite{max-width:250px;min-width:140px;margin:0 20px;display:block;border-radius:8px 8px 0 0;padding-top:5px;border-left:1px solid rgba(32,33,36,0.28);border-right:1px solid rgba(32,33,36,0.28);border-top:1px solid rgba(32,33,36,0.28);position:relative;overflow:hidden;background:#fff;color:#312c7e;margin-bottom:-1px}
body#layout .add-icon,body#layout .layout-widget-state,body#layout .editlink.icon{background-position:center;background-repeat:no-repeat;height:24px;width:24px}
body#layout .widget-content a:hover{background-color:#ccc;color:#000;transition:.4s ease-out}
body#layout .editlink.icon{font-size:0;line-height:0;position:absolute;right:16px;top:16px}
body#layout .widget-content a{color:#4c4c4c!important;padding:3px 10px;background-color:#e0e0e0;border-radius:5px}
body#layout .locked-widget .widget-content{font-weight:700;text-align:center}
.mid-top-footer .footer-col{width:240px;display:inline-block}
.bocker{display:block;overflow:hidden;clear:both}
aside#sidepar-wid{float:left;width:280px;margin-right:10px}
.bocker .r-r{width:470px;float:right}
.sides{display:inline-block;width:217px}
#Label400{display:none}
body#layout .Blog .widget-content {height: auto !important;}
div#sittings .widget{margin:0 0 1px 1px!important;float:right!important;width:361px!important}
div#LinkList2{border:1px solid #eee}
body#layout #menu:before,body#layout #logo:before,body#layout #top-social-L:before,body#layout #pages:before,body#layout #menu:after,body#layout #logo:after,body#layout #top-social-L:after,body#layout #pages:after,body#layout .potg:before,body#layout .potg:after,body#layout footer div.section:after,body#layout footer div.section:before{display:none!important}
body#layout #menu,body#layout #logo,body#layout #top-social-L,body#layout #pages,body#layout .contpotg div.section,body#layout footer div.section{padding:0!important;margin:0!important;border-radius:0!important}
header#sp-header,body#layout .contpotg,footer{background:#fff}
.head-pz div.section{margin:0 0 1px 1px!important;float:right!important;width:361px!important}
body#layout header#sp-header div.section > div{margin-top:0!important}
body#layout .contpotg div.section,body#layout footer div.section{border:0!important}
body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:30px;right:-10px}
body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:15px;right:15px;z-index:999;font-family:'Segoe UI'}
div#main .HTML{width:50%!important;float:right!important;border:0!important;border-top:1px solid #eee!important}
div#main .HTML div.layout-title{font-size:18px!important}
div#Blog1{margin-bottom:40px!important}
div#Blog1:before{content:"";display:block;position:absolute;width:130%;height:15px;background:#ececec;right:-20px;top:75px;left:0}
div#HTML200,div#HTML201{margin-top:50px!important}
div#HTML200:before{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:-30px;right:-30px}
div#HTML200:after{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:-45px;right:0;z-index:999;font-family:'Segoe UI';content:"منطقة  الاعلانات"}
body#layout .trelists.section{float:right;width:222px;padding-top:10px!important;margin-top:-16px!important;border-top:0!important;border-left:0!important}
body#layout .trelists.section:after,div#BotPostsc:after{display:none!important}
body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{margin-top:0!important;margin-bottom:0!important;border-bottom:0!important;border-top:1px solid #eee!important;padding-top:60px!important}
body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important}
body#layout div#BotPostsc{padding-top:15px!important}
body#layout div.widget {border: 1px solid #eee;}
body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #3560ab;color:#111;margin-bottom:30px;top:20px;border-radius:2px}
#sittings:before{content:"الإعدادت"!important}
#sp-header:before{content:"القائمة  العلوية"!important}
#Topa3lan-sc:before{content:"إعلان  أسفل  القائمة  العلوية"!important}
#TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة  التدوينات  الاضافية"!important}
div#sidepar:before{content:"القائمة  الجانبية"!important}
div#shreeta5bar:before{content:"شريط  الاخبار"!important}
div#E3lanat:before{content:"منطقة  الاعلانات"!important}
div#RedirectPage:before{content:"مميزات  اضافية"!important}
div#main:before{content:"منطقة  التدوينات  الأساسية"!important}
footer:before{content:"ذيل  المدونة  (الفوتر)"!important}
body#layout:before {content: "Seoplus V5 Free";text-align: center;position: absolute;right: 10px;top: 10px;background: #3560ab;font-weight: bold;color: #fff;padding: 10px 15px;border-radius: 3px;}
]]></b:template-skin>  
</b:if>



<b:defaultmarkups>
  <b:defaultmarkup type='PopularPosts,FeaturedPost'>
    <b:includable id='snippetedPostContent'>
<b:if cond='data:postDisplay.showTitle'><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></b:if>
<b:if cond='data:postDisplay.showSnippet'><p class='snippet-item r-snippetized'>
<b:if cond='data:widget.type == &quot;FeaturedPost&quot;'><b:eval expr='data:post.snippets.long snippet { length: 140, links: false, linebreaks: false }'/>
</b:if>
</p>
</b:if>
<b:if cond='data:postDisplay.showFeaturedImage'>
<a class='item-thumbnail PLHolder thumb' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<b:if cond='data:widget.type == &quot;PopularPosts&quot;'><img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage'/><b:elseif cond='data:widget.type == &quot;FeaturedPost&quot;'/><img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage'/></b:if><b:else/>&lt;img data-src=&#39;<b:include name='altImage'/>&#39; alt=&#39;<data:messages.image/>&#39;/&gt;</b:if>
</a>
</b:if>
	</b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='ContactForm'>
	<b:includable id='main'>
      <b:include name='widget-title'/>
      <div class='Wigetdisabled'>عفوا&#1611;&#1548; هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس</div>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Stats'>
	<b:includable id='main'>
      <b:include name='widget-title'/>
      <div class='Wigetdisabled'>عفوا&#1611;&#1548; هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس</div>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Common'>
    <b:includable id='widget-title'>
      <b:if cond='data:title.length gt 0'><div class='headline' expr:data-title='data:title.escaped'><h3 class='title'><data:title/></h3></div></b:if>
    </b:includable>
    <b:includable id='openGraphMetaData'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>
<title><b:if cond='data:view.isSingleItem or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label.escaped'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query.escaped'/> - <data:messages.search/> <data:messages.at/> <data:blog.title/><b:else/><data:messages.latestPosts/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> - <data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if></title>
<meta expr:content='data:blog.blogId' id='gels'/>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
<b:eval expr='data:blog.feedLinks'/>
<b:if cond='data:view.isSingleItem or data:view.isHomepage'>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:view.title.escaped' name='twitter:title' property='og:title'/>
<meta expr:content='data:view.description.escaped' name='twitter:description' property='og:description'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:view.title.escaped' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.isMultipleItems'>&lt;meta content=&#39;<b:include name='MetaImage'/>&#39; name=&#39;twitter:image&#39; property=&#39;og:image&#39;/&gt;&lt;meta content=&#39;<b:include name='MetaImage'/>&#39; property=&#39;og:image&#39;/&gt;<b:else/><b:if cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' property='og:image'/>
<b:elseif cond='data:widgets'/>
<b:loop values='data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, &quot;1200:630&quot;)' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:imageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>
</b:loop>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, &quot;1200:630&quot;)' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>
</b:if>
</b:if>
<meta content='600' property='og:image:width'/>
<meta content='315' property='og:image:height'/>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:view.type in {&quot;item&quot;,&quot;static_page&quot;}'>
<meta content='article' property='og:type'/><b:else/><meta content='website' property='og:type'/></b:if>
<meta expr:content='data:blog.title' name='twitter:domain' property='og:site_name'/>
<link expr:href='data:view.url' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//accounts.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.google.com' rel='dns-prefetch'/><link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/>
</b:includable>
    <b:includable id='Archive'><script>/*<![CDATA[*/$(".post-body"),0<$(".post-body .ArchivePage").length&&$.get("/feeds/posts/summary?alt=json-in-script&max-results=0",function(e){var t=e.feed.category;$.each(t,function(e,t){var n='<div class="caregory-div"><h2 class="Category-ArchivePage"><a href="/search/label/'+t.term+'">'+t.term+'</a></h2></div><ul class="clear">';$.get("/feeds/posts/default/-/"+t.term+"?alt=json-in-script",function(e){for(var t=0;t<e.feed.entry.length;t+=1){var r=e.feed.entry[t].link.map(function(e){return e.rel}).indexOf("alternate"),a=e.feed.entry[t].link[r].href,s=e.feed.entry[t].title.$t;-1!==a.indexOf(".blogspot.")&&(a=a.replace("http://","https://")),n+="<li><a class='ArchivePage-posts' title='"+s+"' href='"+a+"'>"+s+"</a></li>"}$(".ArchivePage").append("</ul>"+n)},"jsonp")})},"jsonp");/*]]>*/</script></b:includable>
    <b:includable id='MetaImage'>
https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600/default.png
</b:includable>
    <b:includable id='altImage'>https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-rw-e90/default.png</b:includable>
	<b:includable id='contactUsJs'>
<b:if cond='data:view.isPage'>
<b:tag name='script' type='text/javascript'>
if($(&quot;#Pagecontactus&quot;).length){
$.getScript(&quot;https://www.blogger.com/static/v1/widgets/2227587253-widgets.js&quot;)
.done(function() {
$htmlcontact = &quot;<div id='contact-form'><form name='contact-form'><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' placeholder='الاسم *' size='30' type='text' value=''/><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' placeholder='بريد إلكتروني *' size='30' type='text' value=''/><textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='الرسالة *' rows='5'/><input id='ContactForm1_contact-form-submit' type='button' value='إرسل رسالتك'/>  <div style='text-align: center;'><div id='ContactForm1_contact-form-error-message'/><div id='ContactForm1_contact-form-success-message'/></div></form></div>&quot;;
$(&#39;#Pagecontactus&#39;).append($htmlcontact)
_WidgetManager._Init(&#39;&#39;);_WidgetManager._RegisterWidget(&#39;_ContactFormView&#39;, new _WidgetInfo(&#39;ContactForm1&#39;, &#39;contact-sec&#39;, null, document.getElementById(&#39;ContactForm1&#39;), {&#39;contactFormMessageSendingMsg&#39;: &#39;جار&#1613; الإرسال...&#39;, &#39;contactFormMessageSentMsg&#39;: &#39;تم إرسال رسالتك.&#39;, &#39;contactFormMessageNotSentMsg&#39;: &#39;تعذر إرسال الرسالة&#1548; يرجى المحاولة مرة أخرى في وقت لاحق.&#39;, &#39;contactFormInvalidEmailMsg&#39;: &#39;يلزم إدخال عنوان بريد إلكتروني صالح.&#39;, &#39;contactFormEmptyMessageMsg&#39;: &#39;لا يمكن أن يكون حقل الرسالة فارغ&#1611;ا.&#39;, &#39;title&#39;: &#39;نموذج الاتصال&#39;, &#39;blogId&#39;: &#39;<data:blog.blogId/>&#39;, &#39;contactFormNameMsg&#39;: &#39;الاسم&#39;, &#39;contactFormEmailMsg&#39;: &#39;بريد إلكتروني&#39;, &#39;contactFormMessageMsg&#39;: &#39;رسالة&#39;, &#39;contactFormSendMsg&#39;: &#39;إرسال&#39;, &#39;submitUrl&#39;: &#39;https://www.blogger.com/contact-form.do&#39;}, &#39;displayModeFull&#39;));})}
</b:tag>
</b:if>
</b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>
<script>/*<![CDATA[*/
var _0x205f=['cmVs','JyA+PGltZyBhbHQ9Jw==','JyBjbGFzcz0nUExIb2xkZXIgdGh1bWInIGhyZWY9Jw==','PC9hPjwvaDM+PC9kaXY+PC9kaXY+','d3JpdGU=','aHJlZg==','bWVkaWEkdGh1bWJuYWls','aHR0cHM6Ly8yLmJwLmJsb2dzcG90LmNvbS8tTDNwaDZhc1NUcTQvWENKb1pwMHZIcEkvQUFBQUFBQUFBd00vSHpWXzc1MVQzdG9zVGtzVTFtODlEckMzbFk2SGxzczlBQ0s0QkdBWVlDdy9zMTYwMC1ydy1lOTAvZGVmYXVsdC5wbmc=','bGluaw==','YWx0ZXJuYXRl','PGRpdiBjbGFzcz0nUG9zdHMtYnlDYXRnb3J5Jz4=','ZGl2','ZmVlZA==','dXJs','Y29udGVudA==','Y3JlYXRlRWxlbWVudA==','PGRpdiBjbGFzcz0ncG9zdHMnPjxhIHRpdGxlPSc=','aW1n','Z2V0QXR0cmlidXRl','JyBkYXRhLXNyYz0n','aW5uZXJIVE1M','PC9kaXY+','ZW50cnk=','dGl0bGU=','JyAvPjwvYT48ZGl2IGNsYXNzPSdjb250Jz48aDMgY2xhc3M9J3JuYXYtdGl0bGUnPjxhIHRpdGxlPSc=','bGVuZ3Ro','JyBocmVmPSc='];(function(_0x1a5d4f,_0x205fda){var _0x53b8f1=function(_0x19e6cc){while(--_0x19e6cc){_0x1a5d4f['push'](_0x1a5d4f['shift']());}};_0x53b8f1(++_0x205fda);}(_0x205f,0xd2));var _0x53b8=function(_0x1a5d4f,_0x205fda){_0x1a5d4f=_0x1a5d4f-0x0;var _0x53b8f1=_0x205f[_0x1a5d4f];if(_0x53b8['yCDXKD']===undefined){(function(){var _0x455c63;try{var _0x48d442=Function('return\x20(function()\x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');');_0x455c63=_0x48d442();}catch(_0xc18596){_0x455c63=window;}var _0x4f79f9='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x455c63['atob']||(_0x455c63['atob']=function(_0x142388){var _0x25b810=String(_0x142388)['replace'](/=+$/,'');var _0x4303b2='';for(var _0x358360=0x0,_0x1e5e48,_0x44b9fe,_0x4aac50=0x0;_0x44b9fe=_0x25b810['charAt'](_0x4aac50++);~_0x44b9fe&&(_0x1e5e48=_0x358360%0x4?_0x1e5e48*0x40+_0x44b9fe:_0x44b9fe,_0x358360++%0x4)?_0x4303b2+=String['fromCharCode'](0xff&_0x1e5e48>>(-0x2*_0x358360&0x6)):0x0){_0x44b9fe=_0x4f79f9['indexOf'](_0x44b9fe);}return _0x4303b2;});}());_0x53b8['OBmmwF']=function(_0x385c70){var _0x403ca4=atob(_0x385c70);var _0x1fda95=[];for(var _0x5e9ab5=0x0,_0x208e25=_0x403ca4['length'];_0x5e9ab5<_0x208e25;_0x5e9ab5++){_0x1fda95+='%'+('00'+_0x403ca4['charCodeAt'](_0x5e9ab5)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1fda95);};_0x53b8['udZnCM']={};_0x53b8['yCDXKD']=!![];}var _0x19e6cc=_0x53b8['udZnCM'][_0x1a5d4f];if(_0x19e6cc===undefined){_0x53b8f1=_0x53b8['OBmmwF'](_0x53b8f1);_0x53b8['udZnCM'][_0x1a5d4f]=_0x53b8f1;}else{_0x53b8f1=_0x19e6cc;}return _0x53b8f1;};function prst(_0x32e59b){document[_0x53b8('0xa')](_0x53b8('0x10'));for(var _0x17d676=0x0;_0x17d676<0x14;_0x17d676++){var _0x17a163=_0x32e59b['feed'][_0x53b8('0x1')][_0x17d676],_0x4e375f='';if(_0x17d676==_0x32e59b[_0x53b8('0x12')][_0x53b8('0x1')][_0x53b8('0x4')])break;for(var _0x532f94,_0x57fd17,_0x4aed35,_0x54ec58,_0x201687,_0x37e3b0=0x0;_0x37e3b0<_0x17a163[_0x53b8('0xe')][_0x53b8('0x4')];_0x37e3b0++)if(_0x53b8('0xf')==_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0x6')]){_0x4e375f=_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0xb')];break;}''!=_0x4e375f&&(_0x54ec58='',_0x54ec58=_0x17a163[_0x53b8('0xc')]&&_0x17a163['media$thumbnail'][_0x53b8('0x13')]&&''!=_0x17a163[_0x53b8('0xc')]['url']?_0x17a163[_0x53b8('0xc')][_0x53b8('0x13')]:(_0x532f94='',(_0x57fd17=document[_0x53b8('0x15')](_0x53b8('0x11')))[_0x53b8('0x1a')]=_0x17a163[_0x53b8('0x14')]['$t'],(_0x4aed35=_0x57fd17['querySelector'](_0x53b8('0x17')))&&(_0x532f94=_0x4aed35[_0x53b8('0x18')]('src')),_0x532f94||_0x53b8('0xd')),_0x201687=_0x17a163[_0x53b8('0x2')]['$t'],document[_0x53b8('0xa')](_0x53b8('0x16')+_0x201687+_0x53b8('0x8')+_0x4e375f+_0x53b8('0x7')+_0x201687+_0x53b8('0x19')+_0x54ec58+_0x53b8('0x3')+_0x201687+_0x53b8('0x5')+_0x4e375f+'\x27>'+_0x201687+_0x53b8('0x9')));}document[_0x53b8('0xa')](_0x53b8('0x0'));}
/*]]>*/</script>
  </head>
<body>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isSingleItem' name='post'/>
<b:class cond='data:view.isMultipleItems' name='lapel'/>
<b:class cond='data:view.isPage' name='page'/>

    <b:section class='hideee' id='sittings' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML2' locked='true' title='تغير شكل القائمة العلوية' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'><style>.par-tp {max-width: 100%;overflow: hidden;}.open.nav1, .search {top: -5px;}div#top-social-L{margin-left: 0}nav.nav-par{position:relative;top:-19px}.par-bottm{top:70px}header#sp-header{height:127px}.head-pz{height:127px}.floar:before{width:100%;transform:none;border-radius:0}.floar{width:100%}
@media screen and (max-width:992px){.head-pz {height: 97px;}header#sp-header {height: 97px;}.par-bottm {top: 35px;}}
</style></b:includable>
      </b:widget>
      <b:widget id='HTML3' locked='true' title='اخفاء القائمة الجانبية من الرئيسية' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
 <b:if cond='data:view.isMultipleItems'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
      </b:widget>
      <b:widget id='HTML4' locked='true' title='اخفاء القائمة الجانبية من الموضوع' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
 <b:if cond='data:view.isPost'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
      </b:widget>
      <b:widget id='HTML5' locked='true' title='اخفاء القائمة الجانبية من الصفحات' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
 <b:if cond='data:view.isPage'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
      </b:widget>
      <b:widget id='HTML7' locked='true' title='تفعيل منع نسخ المحتوي' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
<style> body * {user-select: none !important;}</style>
</b:includable>
      </b:widget>
      <b:widget id='HTML10' locked='true' title='تأخير ظهور الصفحة لربع ثانية' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
<style>
body{-webkit-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-moz-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-ms-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both}
@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
</b:includable>
      </b:widget>
      <b:widget id='HTML11' locked='true' title='عدم ثبيت القائمة العلوية' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
<style>
.head-pz,.par-bottm,.par-tp{position:absolute}
</style>
<div id='StopSitkyHeadar'/>
</b:includable>
      </b:widget>
      <b:widget id='HTML14' locked='true' title='ايقاف قص الصور' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-

اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية

طريقة ايقاف هذة الخاصية :-

اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( &#8730; ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
<style>.thumb img {object-fit: initial;}</style>
</b:includable>
      </b:widget>
      <b:widget id='HTML16' locked='true' title='تغير الخطوط' type='HTML' version='2' visible='false'>
        <b:widget-settings>
          <b:widget-setting name='content'>Tajawal</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
<b:if cond='data:content contains &quot;Tajawal&quot;'><style>/*<![CDATA[*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap');
  body *{font-family: 'Tajawal', sans-serif!important}
/*]]>*/</style></b:if>

<b:if cond='data:content contains &quot;tahoma&quot;'><style>/*<![CDATA[*/
  body *{font-family: tahoma!important}
.shareButton a {
    width: calc((100% - 50px) / 6);
}
@media screen and (max-width:720px){
.shareButton a{width:calc((100% - 24px) / 3)}
}
@media screen and (max-width:360px){
.shareButton a{width:calc((100% - 11px) / 2);margin-right:0!important}
}
/*]]>*/</style></b:if>

</b:includable>
      </b:widget>
      <b:widget id='Label400' locked='true' title='BlogLabels' type='Label' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
          <b:widget-setting name='display'>LIST</b:widget-setting>
          <b:widget-setting name='selectedLabelsList'/>
          <b:widget-setting name='showType'>ALL</b:widget-setting>
          <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main' var='this'><ul class='hideee' itemscope='itemscope' itemtype='http://www.schema.org/SiteNavigationElement'><b:loop values='data:labels' var='label'><li><a expr:href='data:label.url' itemprop='url'><span itemprop='name'><data:label.name/></span></a></li></b:loop></ul><b:tag name='script'>var blogLabels = {<b:loop index='i' values='data:labels' var='label'>&quot;<data:label.name/>&quot;:<data:label.count/><b:if cond='data:labels.length != data:i+1'>,</b:if></b:loop>};if(typeof(blogLabels)===&#39;undefined&#39;){var blogLabels={Labels:0}}</b:tag></b:includable>
        <b:includable id='3colList'/>
        <b:includable id='cloud'/>
        <b:includable id='content'/>
        <b:includable id='default'/>
        <b:includable id='list'/>
        <b:includable id='posts1'/>
        <b:includable id='posts2'/>
        <b:includable id='posts3'/>
        <b:includable id='posts4'/>
        <b:includable id='posts5'/>
        <b:includable id='posts6'/>
        <b:includable id='postsNormal'/>
        <b:includable id='slide'/>
      </b:widget>
    </b:section>
<div class='spconten'>
<header id='sp-header'>
    <div class='head-pz'>
      <div class='par-tp'>
          <div class='floar'>
            <div class='lap'>
              <b:section id='pages' maxwidgets='1' showaddelement='no'>
                <b:widget id='PageList1' locked='true' title='الصفحات' type='PageList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://etuhsffywehnd.blogspot.com/', 'title': 'الصفحة الرئيسية', 'position': 0}}]]></b:widget-setting>
                    <b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <b:include name='pageList'/>
                    </div>
                  </b:includable>
                  <b:includable id='overflowButton'>
                    <b:include name='verticalMoreIcon'/>
                  </b:includable>
                  <b:includable id='overflowablePageList'>
                    <div class='overflowable-container'>
                      <div class='overflowable-contents'>
                        <div class='container'>
                          <b:with value='true' var='overflow'>
                            <b:with value='&quot;tabs&quot;' var='pageListClass'>
                              <b:include name='pageList'/>
                            </b:with>
                          </b:with>
                        </div>
                      </div>
                      <div class='overflow-button hidden'>
                        <b:include name='overflowButton'/>
                      </div>
                    </div>
                  </b:includable>
                  <b:includable id='pageLink'>
                    <li>
                      <b:class cond='data:overflow' name='overflowable-item'/>
                      <b:class cond='data:link.isCurrentPage' name='selected'/>

                      <a expr:href='data:link.href'><data:link.title/></a>
                    </li>
                  </b:includable>
                  <b:includable id='pageList'>
                    <ul>
                      <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
                      <b:loop values='data:links' var='link'>
                        <b:include name='pageLink'/>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='top-social-L' maxwidgets='1' showaddelement='no'>
                <b:widget id='LinkList3' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
                  <b:includable id='main'>
  <b:include name='content'/>
<b:include name='MetaWebsite'/>
</b:includable>
                  <b:includable id='MetaWebsite'>
      <b:if cond='data:view.isHomepage'>
        <b:tag name='script' type='application/ld+json'>
          {
          &quot;@context&quot;: &quot;http://schema.org&quot;,
          &quot;@type&quot;: &quot;Organization&quot;,
          &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
          &quot;logo&quot;: &quot;<b:loop values='data:links' var='link'><b:if cond='data:link.name in {&quot;logo&quot;,&quot;Logo&quot;}'><data:link.target/></b:if></b:loop>&quot;,
          &quot;name&quot;: &quot;<data:blog.title/>&quot;,
          &quot;sameAs&quot;:[<b:loop index='i' values='data:links' var='link'><b:if cond='data:link.name not in {&quot;logo&quot;,&quot;Logo&quot;}'>&quot;<data:link.target/>&quot;<b:if cond='data:links.length != data:i+1'>,</b:if></b:if>
          </b:loop>
          ]}
        </b:tag>
      </b:if>
    </b:includable>
                  <b:includable id='content'>
      <div class='social-static social'>
        <b:loop values='data:links' var='link'>
            <li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='&quot;fa fa-&quot; + data:link.name'/></a></li>
        </b:loop>
      </div>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
        </div>
      </div>
      <div class='par-bottm'>
        <div class='container'>
          <div class='logo'>
            <b:section id='logo' maxwidgets='1' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='قالب مجاني (رأس الصفحة)' type='Header' version='1'>
                <b:widget-settings>
                  <b:widget-setting name='displayUrl'/>
                  <b:widget-setting name='displayHeight'>0</b:widget-setting>
                  <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
                  <b:widget-setting name='useImage'>false</b:widget-setting>
                  <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                  <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                  <b:widget-setting name='displayWidth'>0</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
</a>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='display: none;'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='display: none;'>
<b:include name='title'/>
</h2>
</b:if>
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
                <b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
                <b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
              </b:widget>
            </b:section>
          </div>
          <div class='search'>
            <a href='javascript:void(0)'>
              <svg aria-hidden='true' class='small-icon' data-icon='search' data-prefix='far' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' fill='currentColor'/></svg>
            </a>
          </div>
          <div class='open nav1'><a class='op-one' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' focusable='false' role='img' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z' fill='currentColor'/></svg>
            </a></div>
          <nav class='nav-par'>
            <div class='lap'>
              <b:section id='menu' maxwidgets='1' showaddelement='no'>
                <b:widget id='LinkList22' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>http://</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='link-4'>http://</b:widget-setting>
                    <b:widget-setting name='text-1'>+aaaa</b:widget-setting>
                    <b:widget-setting name='link-1'>http://</b:widget-setting>
                    <b:widget-setting name='text-0'>aaa</b:widget-setting>
                    <b:widget-setting name='link-2'>http://</b:widget-setting>
                    <b:widget-setting name='text-3'>aaaaaa</b:widget-setting>
                    <b:widget-setting name='link-0'>http://</b:widget-setting>
                    <b:widget-setting name='text-2'>++aaaa</b:widget-setting>
                    <b:widget-setting name='text-4'>aa</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:class cond='data:overflow' name='overflowable-item'/>
                        <b:class cond='data:link.isCurrentPage' name='selected'/>
                        <b:loop values='data:links' var='link'>
                          <li><a expr:href='data:link.target'><data:link.name/></a></li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
          </nav>
        </div>
      </div>
    </div>
</header>
<div class='pos-t-t'/>
<div class='sidenav'>
<div class='mop-icon'/>
<div class='headline'><h3 class='title'>القائمة الرئيسية</h3></div>
<div class='mop-links'/>
<div class='headline'><h3 class='title'>الصفحات</h3></div>
<div class='mop-pages'/>
<a class='closebtn' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' data-prefix='fas' role='img' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z' fill='currentColor'/></svg>
</a>
</div>
<div class='stxk notran'/>
  <div class='search-box notran'>
    <div class='search-box-fix notran'>
      <div class='search-wrap notran'>
        <div class='search-fo notran' role='search'>
          <form class='search-form notran' expr:action='data:blog.searchUrl' target='_top'>
            <div class='textst'>أكتب كلمة البحث</div>
            <input autocomplete='off' class='search-field' expr:aria-label='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' placeholder='...'/>
            <a class='search-submit2 notran' href='javascript:void(0)'>
              <svg aria-hidden='true' class='small-icon' data-icon='times' data-prefix='far' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='#fff'/></svg>
            </a>
          </form>
        </div>
      </div>
      <b:if cond='data:view.isHomepage'>
        <b:tag name='script' type='application/ld+json'>
          {
          &quot;@context&quot;: &quot;http://schema.org&quot;,
          &quot;@type&quot;: &quot;WebSite&quot;,
          &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
          &quot;potentialAction&quot;: [{
          &quot;@type&quot;: &quot;SearchAction&quot;,
          &quot;target&quot;: &quot;<data:blog.searchUrl/>?q={search_term_string}&quot;,
          &quot;query-input&quot;: &quot;required name=search_term_string&quot;
          }]
          }
        </b:tag>
      </b:if>
    </div>
</div>
<div class='container site'>
  <b:section cond='not data:view.isError' id='Topa3lan-sc' maxwidgets='1' showaddelement='no'>
    <b:widget id='HTML1' locked='true' title='اعلان اسفل القائمة العلوية' type='HTML' version='2' visible='false'>
      <b:widget-settings>
        <b:widget-setting name='content'/>
      </b:widget-settings>
      <b:includable id='main'>
  <div class='SeoPlusAds'>
    <data:content/>
  </div>
    </b:includable>
    </b:widget>
  </b:section>

<div class='bocker'>
<div class='r-r'>

<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#3560ab</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='authorLabel'>كتب:</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#1e3c72</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='timestampLabel'>آخر تحديث:</b:widget-setting>
      <b:widget-setting name='reactionsLabel'>هل اعجبك الموضوع :</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>القسم:</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>true</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <b:if cond='data:view.isError'>
        <b:include name='sp-errorPage'/>
        <b:else/>
      <b:if cond='not data:view.isSingleItem and not data:view.isError'>
        <b:if cond='data:view.isHomepage'>
          <div class='headline'>
            <h2 class='title'><data:messages.latestPosts/></h2>
            <a class='Lapel-Link' expr:href='data:blog.searchUrl'>شاهد المزيد</a>
          </div>
          <b:else/>
          <div class='headline'>
            <h1 class='title'><b:if cond='data:blog.pageName'><data:blog.pageName/><b:else/><data:messages.latestPosts/></b:if></h1>
          </div>
        </b:if>
      </b:if>
        <div class='blog-posts hfeed'>
            <b:loop index='i' values='data:posts' var='post'>
              <div class='post-outer'><b:include data='post' name='post'/></div>
            </b:loop>
        </div>
      </b:if>
      <b:include cond='data:view.isMultipleItems' name='sp-nextprev'/>
      <b:include cond='not data:view.isSingleItem' data='posts' name='jquery'/>
    </b:includable>
    <b:includable id='aboutPostAuthor'/>
    <b:includable id='addComments'>
  <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
    <b:message name='messages.postAComment'/>
  </a>
</b:includable>
    <b:includable id='article-author'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.author or data:view.isPage'>
        <!-- Post Author -->
        <div class='article-author'>
<div class='headbost'>
<svg aria-hidden='true' class='small-icon' data-icon='user-edit' data-prefix='far' role='img' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'><path class='' d='M358.9 433.3l-6.8 61c-1.1 10.2 7.5 18.8 17.6 17.6l60.9-6.8 137.9-137.9-71.7-71.7-137.9 137.8zM633 268.9L595.1 231c-9.3-9.3-24.5-9.3-33.8 0l-41.8 41.8 71.8 71.7 41.8-41.8c9.2-9.3 9.2-24.4-.1-33.8zM223.9 288c79.6.1 144.2-64.5 144.1-144.1C367.9 65.6 302.4.1 224.1 0 144.5-.1 79.9 64.5 80 144.1c.1 78.3 65.6 143.8 143.9 143.9zm-4.4-239.9c56.5-2.6 103 43.9 100.4 100.4-2.3 49.2-42.1 89.1-91.4 91.4-56.5 2.6-103-43.9-100.4-100.4 2.3-49.3 42.2-89.1 91.4-91.4zM134.4 352c14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 16.7 0 32.2 5 45.5 13.3l34.4-34.4c-22.4-16.7-49.8-26.9-79.9-26.9-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h258.3c-3.8-14.6-2.2-20.3.9-48H48v-25.6c0-47.6 38.8-86.4 86.4-86.4z' fill='#aaa'/></svg>
</div>
          <b:if cond='data:post.author.profileUrl'>
            <a class='author-prof url author vcard' expr:href='data:post.author.profileUrl' expr:title='data:post.author.name'>
              <span class='fn'><data:post.author.name/></span>
            </a>
            <b:else/>
            <span class='fn'><data:post.author.name/></span>
          </b:if>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='article-commint'>
<b:if cond='data:post.allowComments'>
<div class='commint-cont'><svg aria-hidden='true' class='small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M280 272H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 384c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176s224 79 224 176-100.5 176-224 176z' fill='currentColor'/></svg>
(<data:post.numberOfComments/>)
</div>
      </b:if>
    </b:includable>
    <b:includable id='article-time'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:view.isPage'>
        <div class='article-timeago'>
<div class='headbost'>
<svg class='small-icon' viewBox='0 0 30 30'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z' fill='#aaa'/></svg>
</div>
          <a expr:href='data:post.url' expr:title='format(data:post.date, &quot;dd MMMM YYYY&quot;)' rel='bookmark'>
            <time class='post-date published updated' expr:datetime='data:post.lastUpdated.iso8601'>
              <b:eval expr='format(data:post.date, &quot;dd MMMM YYYY&quot;)'/>
            </time>
          </a>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='commentAuthorAvatar'>
  <div class='avatar-image-container'>
    <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='commentForm' var='post'>
  <div class='comment-form' id='commentTarget'>
    <a name='comment-form'/>
	<div class='conart'>
	<svg aria-hidden='true' class='small-icon' data-prefix='fas' focusable='false' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path d='M416 224V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64v54.2c0 8 9.1 12.6 15.5 7.8l82.8-62.1H352c35.3.1 64-28.6 64-63.9zm96-64h-64v64c0 52.9-43.1 96-96 96H192v64c0 35.3 28.7 64 64 64h125.7l82.8 62.1c6.4 4.8 15.5.2 15.5-7.8V448h32c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64z' fill='currentColor'/></svg>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    </div>
    <b:include data='post' name='commentFormIframeSrc'/>

    <div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() &gt; 90) {
  if(!$commActive) commActive();
}
$(window).scroll(function() {
  if ($(window).scrollTop() &gt; 90) {
	if(!$commActive) commActive();
  }
});
function commActive(){
$commActive = 1;
  var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' expr:src='data:commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>`;

  $(&#39;.asfafafqw&#39;).html(asafah)

  $.getScript( &quot;https://www.blogger.com/static/v1/jsbin/1769009776-comment_from_post_iframe.js&quot;, function() {
  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  });

}
});
</b:tag>
  </div>
</b:includable>
    <b:includable id='commentFormIframeSrc' var='post'>
  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
    <b:includable id='commentItem' var='comment'>
  <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
    <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

    <div class='comment-block'>
      <div class='comment-author'>
        <b:if cond='data:comment.authorUrl'>
          <b:message name='messages.authorSaidWithLink'>
            <b:param expr:value='data:comment.author' name='authorName'/>
            <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
          </b:message>
        <b:else/>
          <b:message name='messages.authorSaid'>
            <b:param expr:value='data:comment.author' name='authorName'/>
          </b:message>
        </b:if>
      </div>
      <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
        <data:comment.body/>
      </div>
      <div class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='data:comment.url' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='commentList' var='comments'>
  <div id='comments-block'>
    <b:loop values='data:comments' var='comment'>
      <b:include data='comment' name='commentItem'/>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='commentPicker' var='post'>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threadedComments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>

      <b:include name='commentsTitle'/>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <div class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
              <data:messages.oldest/>
            </a>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
              <data:messages.older/>
            </a>
          </b:if>

          <span class='comment-range-text'>
            <data:post.commentRangeText/>
          </span>

          <b:if cond='data:post.hasNewerLinks'>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
              <data:messages.newer/>
            </a>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
              <data:messages.newest/>
            </a>
          </b:if>
        </div>
      </b:if>

      <div class='footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='commentForm'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='addComments'/>
          </b:if>
        </b:if>
      </div>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
  </section>
</b:includable>
    <b:includable id='commentsTitle'>
      <div class='headline commentsTitle'><h3 class='title'><data:messages.comments/></h3></div>
</b:includable>
    <b:includable id='feedLinks'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='homePageLink'/>
    <b:includable id='iframeComments' var='post'>
  <b:if cond='data:post.allowIframeComments'>

    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='!data:post.embedCommentForm'>
      <b:include data='post' name='commentsLink'/>
    </b:if>
   </b:if>
 </b:includable>
    <b:includable id='inlineAd' var='post'/>
    <b:includable id='jquery'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
    </b:includable>
    <b:includable id='nextPageLink'/>
    <b:includable id='post' var='post'>
      <article class='post-amp post hentry h-entry'>
        <b:include data='post' name='postMeta'/>
        <b:if cond='not data:view.isSingleItem'>
          <b:include data='post' name='sp-homePosts'/>
          <b:else/>
          <div class='bobxed'>
            <b:include name='jquery'/>
          	<div class='atags'>
          <b:loop index='x' values='data:post.labels' var='label'>
			<b:if cond='data:x == 0 or data:x == 1'>
            <a expr:href='data:label.url' rel='tag' title='قسم'><data:label.name/></a>
            </b:if>
          </b:loop>
<b:include data='post' name='sp-postQuickEdit'/>
        </div>
            <b:include data='post' name='postTitle'/>
            <div class='post-meta'>
              <b:include data='post' name='article-author'/>
              <b:include data='post' name='article-time'/>
              <b:include data='post' name='article-commint'/>
            </div>
            <div class='TocList'/>
          </div>
          <b:include data='post' name='postBody'/>
          <div class='hideensa'>
            <b:include data='post' name='sp-sharePost'/>
            <b:include cond='data:view.isPost' data='post' name='sp-navigation'/>
            <b:include data='post' name='sp-postTags'/>
            <b:include data='post' name='sp-reactions'/>
            <b:include data='post' name='sp-aboutPostAuthor'/>
            <b:include cond='data:view.isPost' data='post' name='sp-RelatedPosts'/>
          </div>
 <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/> 
        </b:if>
      </article>
    </b:includable>
    <b:includable id='postAuthorProfile' var='post'/>
    <b:includable id='postBody' var='post'>
        <b:if cond='data:view.isPost'>
<b:if cond='data:post.body contains &quot;↔&quot; or data:post.body contains &quot;↚&quot;'>
          <b:else/>
<div id='tocDiv'/>
</b:if>
</b:if>
		<div id='top-a3lan'/>
      <div class='ap-connt post-body entry-content float-container'>
        <data:post.body/>
        <b:include cond='data:post.body contains &quot;Pagecontactus&quot; and data:view.isPage' name='contactUsJs'/> 
        <b:include cond='data:post.body contains &quot;ArchivePage&quot; and data:view.isPage' name='Archive'/> 
      </div>
		<div id='bot-a3lan'/>
    </b:includable>
    <b:includable id='postBodySnippet' var='post'/>
    <b:includable id='postCommentsAndAd' var='post'/>
    <b:includable id='postCommentsLink'>
  <b:if cond='data:view.isMultipleItems'>
    <span class='byline post-comment-link'>
      <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
      <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
    </span>
  </b:if>
</b:includable>
    <b:includable id='postFooter' var='post'/>
    <b:includable id='postFooterAuthorProfile' var='post'/>
    <b:includable id='postHeader' var='post'/>
    <b:includable id='postMeta' var='post'>
  <b:include data='post' name='postMetadataJSON'/>
</b:includable>
    <b:includable id='postPagination'/>
    <b:includable id='postTitle' var='post'>
        <h1 class='entry-title topic-title'><data:post.title/></h1>
	</b:includable>
    <b:includable id='previousPageLink'/>
    <b:includable id='sp-RelatedPosts' var='post'>
      <div class='SeoPlusAds' id='ret-a3lan'/>
<div class='RelatedPosts'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
  <div class='headline RelatedPost'><h3 class='title'>أخر المواضيع من قسم : <data:label.name/></h3></div>
</b:if>
</b:loop>
<div class='Sp-posts1'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<script expr:src='data:blog.canonicalHomepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;redirect=false&amp;start-index=1&amp;max-results=6&amp;callback=prst&quot;'/>
</b:if>
</b:loop>
</div>
</div>
    </b:includable>
    <b:includable id='sp-aboutPostAuthor' var='post'>
  <b:if cond='data:post.author.aboutMe and data:view.isPost'>
    <div class='author-profile'>

<b:if cond='data:post.author.authorPhoto.image'>
<div class='gfvg'>
    <div class='dshdsgn'>
<div class='authorph PLHolder'>
<img alt='author-img' expr:data-src='resizeImage(data:post.author.authorPhoto.image , &quot;90&quot;, &quot;1:1&quot; )' title='author-img'/>
</div>
<div class='author-about'>
<div class='author-name'>
 <a class='g-profile' expr:href='data:post.author.profileUrl' expr:title='data:post.author.name' rel='author'>
كتب بواسطة : <span><data:post.author.name/></span>
    </a>
</div>
<div class='author-desc'>
      <data:post.author.aboutMe/>
    </div>
</div>
  </div></div>
      <b:else/>
<div class='author-about'>
<div class='author-name'>
 <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
      <span><data:post.author.name/></span>
    </a>
</div>
<div class='author-desc'>
      <data:post.author.aboutMe/>
    </div>
</div>
      </b:if>

    </div>
  </b:if>
    </b:includable>
    <b:includable id='sp-errorPage'>
            <div id='error-page'>
<svg aria-hidden='true' class='svg-inline--fa fa-exclamation-triangle fa-w-18' data-icon='exclamation-triangle' data-prefix='fas' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path class='' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' fill='currentColor'/></svg>
              <h1 class='errornum'>خطأ 404</h1>
              <h2 class='error'>معذرة&#1548; فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة.</h2>
            </div>
<style>
div#error-page {
    display: block;
    text-align: center;
    padding: 30px;
    height: calc((100vh - 245px));
}
.r-r {
    float: none;
    width: 100%;
}
h1.errornum {
    font-size: 80px;
}
h2.error {
    font-size: 23px;
    color: #4e4e4e;
}
.block-side {
    display: none;
}
  @media screen and (max-width:992px){div#error-page {height:auto;}}
</style>
    </b:includable>
    <b:includable id='sp-homePosts' var='post'>

      <b:if cond='data:post.thumbnailUrl'>
          <picture> 
        <a class='PLHolder thumb' expr:href='data:post.url' expr:title='data:post.title'>
            <img class='post-thumb' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl, 1600)' expr:title='data:post.title'/>
        </a>
          </picture>
        <b:else/>
        <a class='PLHolder thumb' expr:href='data:post.url' expr:title='data:post.title'>
          <img class='post-thumb' data-src='https://cdn.statically.io/img/2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-c/default.png?format=webp' expr:alt='data:post.title'/>
        </a>
      </b:if>

      <div class='post-home'>
        <div class='post-info'>
          <h2 class='posts-titles entry-title p-name'><a class='Title' expr:href='data:post.url' rel='bookmark'><data:post.title/></a></h2>
        </div>
<div class='items'>
          <b:if cond='data:post.author.profileUrl'>
            <a class='author vcard' expr:href='data:post.author.profileUrl'>
<svg aria-hidden='true' class='icon small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm128 421.6c-35.9 26.5-80.1 42.4-128 42.4s-92.1-15.9-128-42.4V416c0-35.3 28.7-64 64-64 11.1 0 27.5 11.4 64 11.4 36.6 0 52.8-11.4 64-11.4 35.3 0 64 28.7 64 64v13.6zm30.6-27.5c-6.8-46.4-46.3-82.1-94.6-82.1-20.5 0-30.4 11.4-64 11.4S204.6 320 184 320c-48.3 0-87.8 35.7-94.6 82.1C53.9 363.6 32 312.4 32 256c0-119.1 96.9-216 216-216s216 96.9 216 216c0 56.4-21.9 107.6-57.4 146.1zM248 120c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88zm0 144c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-25.1 56-56 56z' fill='currentColor'/></svg>
            <span class='fn'><data:post.author.name/></span></a>
            <b:else/>
            <span class='fn'><data:post.author.name/></span>
          </b:if>

<span class='category' rel='tag'>
            <a expr:href='data:post.labels.first.url'>
<svg aria-hidden='true' class='icon small-icon' data-icon='tags' data-prefix='fal' focusable='false' role='img' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'><path d='M625.941 293.823L421.823 497.941c-18.746 18.746-49.138 18.745-67.882 0l-1.775-1.775 22.627-22.627 1.775 1.775c6.253 6.253 16.384 6.243 22.627 0l204.118-204.118c6.238-6.239 6.238-16.389 0-22.627L391.431 36.686A15.895 15.895 0 0 0 380.117 32h-19.549l-32-32h51.549a48 48 0 0 1 33.941 14.059L625.94 225.941c18.746 18.745 18.746 49.137.001 67.882zM252.118 32H48c-8.822 0-16 7.178-16 16v204.118c0 4.274 1.664 8.292 4.686 11.314l211.882 211.882c6.253 6.253 16.384 6.243 22.627 0l204.118-204.118c6.238-6.239 6.238-16.389 0-22.627L263.431 36.686A15.895 15.895 0 0 0 252.118 32m0-32a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.746 18.746-49.138 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118V48C0 21.49 21.49 0 48 0h204.118zM144 124c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20-8.972-20-20-20m0-28c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.49-48 48-48z' fill='currentColor'/></svg>
<data:post.labels.first.name/></a>

</span>
<span class='Date published updated'><svg aria-hidden='true' class='icon small-icon' data-icon='clock' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3l-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z' fill='currentColor'/></svg><b:eval expr='format(data:post.date, &quot;dd MMMM YYYY&quot;)'/></span>
</div>
<div class='Short_content entry-content'><data:post.snippets.short/></div>
<a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'>أقراء المزيد</a>
      </div>
    </b:includable>
    <b:includable id='sp-navigation' var='post'>
      <!-- Navigation -->
      <div class='topic-nav'>
        <meta expr:content='data:post.title' name='postTitle'/>
        <meta expr:content='data:post.thumbnailUrl' name='postPoster'/>
        <div class='topic-nav-wrap'>
          <div class='topic-nav-cont'>
<div class='newPost'>
<b:if cond='data:this.newerPageUrl'>
<a class='next' expr:href='data:blog.httpsEnabled ? data:this.newerPageUrl.https : data:this.newerPageUrl'/>
<b:else/> 
<span>أنت الان في اول موضوع</span>
</b:if>
</div>
<div class='oldPost'>
<b:if cond='data:this.olderPageUrl'>
<a class='prev' expr:href='data:blog.httpsEnabled ? data:this.olderPageUrl.https : data:this.olderPageUrl'/>
<b:else/> 
<a><span>أنت الأن في اخر موضوع</span></a> 
</b:if>
</div>
<script>
//<![CDATA[
!function(n){var e=n(".topic-nav-cont a.next"),r=n(".topic-nav-cont a.prev");n.get(e.attr("href"),function(t){e.html("<span class='texxattt'>المقال التالي</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html"),n.get(r.attr("href"),function(t){r.html("<span class='texxattt'>المقال السابق</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html")}(jQuery);
//]]>
</script>
          </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='sp-nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'>
              <data:messages.newer/></a>
          </span>
        </b:if>
        <b:if cond='data:olderPageUrl'>
          <span id='blog-pager-older-link'>
            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'>
              <data:messages.older/></a>
          </span>
        </b:if>
      </div>
      <div class='loadMore'>
        <div class='loadMorePosts'><a href='javascript:void(0)'>عرض المزيد <svg aria-hidden='true' class='icon-load' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg></a></div>
        <div id='loader' style='display: none'>جاري العرض <svg class='notran icon-load' version='1.1' viewBox='0 0 50 50' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><path class='notran' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z' fill='currentColor' transform='rotate(240 25 25)'><animateTransform attributeName='transform' attributeType='xml' class='notran' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>
        <div class='noMorePosts' style='display: none'>انتهت المواضيع <svg aria-hidden='true' class='icon-load' data-icon='times' data-prefix='far' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='currentColor'/></svg></div>
      </div>
    </b:includable>
    <b:includable id='sp-postQuickEdit' var='post'>
<b:if cond='data:view.isPost'>
      <!-- Quick Edit -->
    <span expr:class='&quot;edit-post item-control &quot; + data:post.adminClass'>
      <a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=post;postID=&quot; + data:post.id' target='_blank' title='تعديل المشاركة'> تعديل المشاركة </a>
  </span></b:if>
<b:if cond='data:view.isPage'>
      <!-- Quick Edit -->
    <span expr:class='&quot;edit-post item-control &quot; + data:post.adminClass'>
      <a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page;pageID=&quot; + data:post.id' target='_blank' title='تعديل الصفحة'> تعديل الصفحة </a>
  </span></b:if>
  </b:includable>
    <b:includable id='sp-postTags' var='post'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'>
        <!-- Post Labels -->
        <div class='amp-tags'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag' title='قسم'><svg aria-hidden='true' class='small-icon' data-icon='tag' data-prefix='fal' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z' fill='currentColor'/></svg><data:label.name/></a>
          </b:loop>
        </div>
<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;BreadcrumbList&quot;,&quot;itemListElement&quot;: [{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 1,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,&quot;name&quot;: &quot;<data:blog.title/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 2,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:label.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:label.name/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 3,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:view.title.escaped/>&quot;}}]}</script>
</b:if>
</b:loop>
      </b:if>
    </b:includable>
    <b:includable id='sp-reactions' var='post'>

      <b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>
        <span class='reaction-buttons'>
          <span class='reactions-label'>
<svg aria-hidden='true' class='icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm152.7 400.7c-19.8 19.8-43 35.4-68.7 46.3-26.6 11.3-54.9 17-84.1 17s-57.5-5.7-84.1-17c-25.7-10.9-48.8-26.5-68.7-46.3-19.8-19.8-35.4-43-46.3-68.7-11.3-26.6-17-54.9-17-84.1s5.7-57.5 17-84.1c10.9-25.7 26.5-48.8 46.3-68.7 19.8-19.8 43-35.4 68.7-46.3 26.6-11.3 54.9-17 84.1-17s57.5 5.7 84.1 17c25.7 10.9 48.8 26.5 68.7 46.3 19.8 19.8 35.4 43 46.3 68.7 11.3 26.6 17 54.9 17 84.1s-5.7 57.5-17 84.1c-10.8 25.8-26.4 48.9-46.3 68.7zM328 224c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm-160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm215 64H113c-9.6 0-17.1 8.4-15.9 18 8.8 71 69.4 126 142.9 126h16c73.4 0 134-55 142.9-126 1.2-9.6-6.3-18-15.9-18zM256 400h-16c-50.2 0-93.5-33.3-107.4-80h230.8c-13.9 46.7-57.2 80-107.4 80z' fill='currentColor'/></svg>
         	<data:widgets.Blog.first.allBylineItems.reactions.label/>
          </span>
          <iframe allowtransparency='true' class='reactions-iframe' expr:data-src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
        </span>
<script>
$reacAct =0;
$(document).scroll(function(){if ($(window).scrollTop() &gt; 200) {if(!$reacAct) $(&#39;.reactions-iframe&#39;).attr(&#39;src&#39; , $(&#39;.reactions-iframe&#39;).attr(&#39;data-src&#39;));$reacAct =1;}})
$(window).scroll(function() {if ($(window).scrollTop() &gt; 200) {if(!$reacAct) $(&#39;.reactions-iframe&#39;).attr(&#39;src&#39; , $(&#39;.reactions-iframe&#39;).attr(&#39;data-src&#39;));$reacAct =1;}});
</script>
      </b:if>

    </b:includable>
    <b:includable id='sp-sharePost' var='post'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'>
        <!-- Share Post -->
        <div class='shareButton'>
<a class='facebook' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;   t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;);return false;' title='Facebook Share Button'>
    <span><div class='icon fa-facebook'/>فيسبوك</span>
</a>
<a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;);return false;' title='Twitter Share Button'>
    <span><div class='icon fa-twitter'/>تويتر</span>
</a>
<a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + resizeImage(data:post.thumbnailUrl, 1600) + &quot;&amp;description=&quot; + data:post.snippets.long snippet { length: 140, links: false, linebreaks: false }' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;);return false;' title='Pinterest Share Button'>
    <span><div class='icon fa-pinterest'/>بنترست</span>
</a>
<a class='ic-phone' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; : &quot; + data:post.url' title='Whatsapp Share Button'>
    <span><div class='icon fa-whatsapp'/>واتساب</span>
</a>
<a class='ic-reddit' expr:href='&quot;https://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;);return false;' title='Reddit Share Button'>
    <span><div class='icon fa-reddit'/>ريدايت</span>
</a>
<a class='ic-linkedin' expr:href='&quot;http://linkedin.com/sharing/share-offsite/?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;);return false;' title='linkedin Share Button'>
    <span><div class='icon fa-linkedin'/>لينكدين</span>
</a>

        </div>
            <script>
              //<![CDATA[
              $( ".ic-phone" ).click(function() {var ua = navigator.userAgent.toLowerCase();var isAndroid = ua.indexOf("android") > -1;var Ismobile = ua.indexOf("mobile") > -1;var isiPhone = ua.indexOf("iPhone") > -1;if(isAndroid) {}else if(Ismobile){}else if(isiPhone){}else {alert("لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب !");}});
              //]]>
            </script>
      </b:if>
    </b:includable>
    <b:includable id='threadedCommentForm' var='post'>
  <div class='comment-form' id='commentTarget'>
    <a name='comment-form'/>
	<div class='conart'>
	<svg aria-hidden='true' class='small-icon' data-prefix='fas' focusable='false' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path d='M416 224V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64v54.2c0 8 9.1 12.6 15.5 7.8l82.8-62.1H352c35.3.1 64-28.6 64-63.9zm96-64h-64v64c0 52.9-43.1 96-96 96H192v64c0 35.3 28.7 64 64 64h125.7l82.8 62.1c6.4 4.8 15.5.2 15.5-7.8V448h32c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64z' fill='currentColor'/></svg>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    </div>
    <b:include data='post' name='commentFormIframeSrc'/>

    <div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() &gt; 200) {
  if(!$commActive) commActive();
}
$(window).scroll(function() {
  if ($(window).scrollTop() &gt; 200) {
	if(!$commActive) commActive();
  }
});
function commActive(){
$commActive = 1;
  var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' expr:src='data:commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>`;

  $(&#39;.asfafafqw&#39;).html(asafah)

  $.getScript( &quot;https://www.blogger.com/static/v1/jsbin/1769009776-comment_from_post_iframe.js&quot;, function() {
  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);


/*<![CDATA[*/
$(".comment-content").each(function(e){var t=$(".comment-content:eq("+e+")");if(-1!=t.html().search(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi))t.html(t.html().replace(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi,'<img  src="$2" />'));else if(-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/gi)||-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/gi))t.html(t.html().replace(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g,'<iframe width="100%" height="350" src="https://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/g,'<iframe src="//player.vimeo.com/video/$1" width="200" height="100" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'));else{var m=t.text().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a rel='nofollow noopener' target='_blank' id='commnetLinkS' href='$1'>$1</a>");t.html(m.replace(/(^|[^\/])(www\.[\S]+(\b|$))/gim,'$1<a id="commnetLinkS" target="_blank" href="http://$2">$2</a>'))}});

/*]]>*/
  });
/*<![CDATA[*/
$.getScript("https://www.blogger.com/static/v1/widgets/3564956223-widgets.js").done(function(){
_WidgetManager._Init('');_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'useNgc': true}, 'displayModeFull'));
$("#comment-editor").insertAfter($(".asfafafqw "));
});
/*]]>*/
}
});
</b:tag>
</div>

</b:includable>
    <b:includable id='threadedCommentJs' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <b:template-script inline='true' name='threaded_comments'/>
  <script type='text/javascript'>
    blogger.widgets.blog.initThreadedComments(
        <data:post.commentJso/>,
        <data:post.commentMsgs/>,
        <data:post.commentConfig/>);
  </script>
</b:includable>
    <b:includable id='threadedComments' var='post'>

      <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
      <b:include name='commentsTitle'/>
        <a name='comments'/>
        <div class='comments-info'>
          <div class='comments-count'>
<svg aria-hidden='true' class='small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M280 272H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 384c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176s224 79 224 176-100.5 176-224 176z' fill='currentColor'/></svg>
            <b:message name='messages.numberOfComments'>
              <b:param expr:value='data:post.numberOfComments' name='numComments'/>
            </b:message>
          </div>
          <b:if cond='data:post.allowNewComments == &quot;true&quot;'>
            <a class='go-respond' href='#commentTarget'><b><data:messages.postAComment/></b></a>
          </b:if>
        </div>

        <div class='comments-content'>
          <div class='comments-list' id='comment-holder'><data:post.commentHtml/></div>
        </div>

        <p class='comment-footer'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threadedCommentForm'/>
            <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        </p>

        <b:if cond='data:showCmtPopup'>
          <div id='comment-popup'><iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/></div>
        </b:if>
      </section>

</b:includable>
  </b:widget>
  <b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML200' locked='true' title='اعلان اول الموضوع' type='HTML' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='SeoPlusAds' id='Firstcontent-a3lan'><data:content/></div>
      <script>$(&quot;#top-a3lan&quot;).append($(&quot;#Firstcontent-a3lan&quot;))</script>
    </b:includable>
  </b:widget>
  <b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML201' locked='true' title='اعلان اخر الموضوع' type='HTML' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='SeoPlusAds' id='Lastcontent-a3lan'><data:content/></div>
      <script>$(&quot;#bot-a3lan&quot;).append($(&quot;#Lastcontent-a3lan&quot;))</script>
    </b:includable>
  </b:widget>
  <b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML202' locked='true' title='اعلان منتصف الموضوع' type='HTML' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='SeoPlusAds' id='Centercontent-a3lan'><data:content/></div>
<script>
if($(&#39;#s7bcent-a3lan-PagePrake&#39;).length){$(&quot;#s7bcent-a3lan-PagePrake&quot;).append($(&quot;#Centercontent-a3lan&quot;));}
else{$Center = Math.floor($(&#39;.post-body br&#39;).length/2-1);$(&quot;#Centercontent-a3lan&quot;).insertAfter(&quot;.post-body br:eq(&quot;+$Center+&quot;)&quot;);}
</script>
    </b:includable>
  </b:widget>
  <b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML220' locked='true' title='اعلان مقالات ذات صلة' type='HTML' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='SeoPlusAds' id='rett-a3lan'><data:content/></div>
      <script>$(&quot;#ret-a3lan&quot;).append($(&quot;#rett-a3lan&quot;))</script>
    </b:includable>
  </b:widget>
</b:section>

<b:section class='hideee' cond='not data:view.isError' id='RedirectPage' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML12' locked='true' title='ميزة جدول التنقل' type='HTML' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='content'>التنقل السريع</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<b:if cond='data:view.isPost'>
        <div class='topcs7v'><div class='toctitle'><data:content/></div><ul id='tocList'/></div>

<script>
//<![CDATA[
$("#tocDiv").append($(".topcs7v")),$(tocList).empty();var t=null,a=null,e=0;$(".ap-connt h2, .ap-connt h3, .ap-connt h4").each(function(){var n="<a name='"+e+"'></a>";$(this).before(n);var p="<li><a href='#"+e+"'>"+$(this).text()+"</a></li>";$(this).is("h2 , h3, h4")?(a=$(),(t=$(p)).append(a),t.appendTo("#tocList")):a.append(p),e++});
//]]>
</script>
      </b:if>
    </b:includable>
  </b:widget>
  <b:widget id='Label500' locked='true' title='ميزة اقرأ ايضا' type='Label' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
<b:if cond='data:view.isPost'><div class='post-random'><div class='newPost'/><div class='newPost'/><div class='newPost'/><div class='newPost'/></div>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var r=e.feed.entry[l];relatedTitles[relatedTitlesNum]=r.title.$t;for(var t=0;t<r.link.length;t++)if("alternate"==r.link[t].rel){relatedUrls[relatedTitlesNum]=r.link[t].href,relatedTitlesNum++;break}}}
//]]>
</script>
<script expr:src='data:blog.canonicalHomepageUrl + &quot;/feeds/posts/summary/?alt=json-in-script&amp;redirect=false&amp;start-index=1&amp;max-results=50&amp;callback=related_results_labels&quot;'/>
<script type='text/javascript'>
//<![CDATA[
(function newPost() {var text = 'اقرا ايضا';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let Post = document['querySelectorAll']('.post-random .newPost');while (i < relatedTitles['length'] && i < Post['length']) {for (let a = 0; a < Post['length']; a++) {Post[a]['innerHTML'] = '<span class="texxattt">' + text + '</span><a class="posttitle" href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
<b:if cond='data:title contains &quot;[bot]&quot;'>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}
else{$(".post-random").insertBefore("#bot-a3lan");}

//]]>
</script>
  <b:else/>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}else{
$cent = Math.floor($('.post-body br').length/2-1 )
$(".post-random").insertBefore(".post-body br:eq("+$cent+")");
}
//]]>
</script>
  </b:if>
</b:if>
</b:includable>
    <b:includable id='3colList'/>
    <b:includable id='cloud'/>
    <b:includable id='content'/>
    <b:includable id='default'/>
    <b:includable id='list'/>
    <b:includable id='posts1'/>
    <b:includable id='posts2'/>
    <b:includable id='posts3'/>
    <b:includable id='posts4'/>
    <b:includable id='posts5'/>
    <b:includable id='posts6'/>
    <b:includable id='postsNormal'/>
    <b:includable id='slide'/>
  </b:widget>
</b:section>

  </div>
<b:if cond='not data:view.isError'>
<aside id='sidepar-wid'>
<b:section id='sidepar'>
  <b:widget id='LinkList4' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='false'>
    <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
      <div class='social-static social'>
        <b:loop values='data:links' var='link'>
            <li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='&quot;fa fa-&quot; + data:link.name'/></a></li>
        </b:loop>
      </div>
</b:includable>
  </b:widget>
</b:section>
</aside>
  </b:if>
  </div>
</div>
  <footer>
    <div class='container'>
    <div class='mid-top-footer'>
      <b:section class='footer-col' id='footer-col1'/>
      <b:section class='footer-col' id='footer-col2'/>
      <b:section class='footer-col' id='footer-col3'/>
    </div>
	</div>
    <div class='bottom-footer'>
    <div class='container'>
      <div class='yemen'>
        <span>جميع الحقوق محفوظة &#169;</span><a expr:href='data:blog.homepageUrl' id='7qok' target='_blank'><data:blog.title/></a>
      </div>
      <div class='shmal'>
        <b:section id='footer-social' maxwidgets='1' showaddelement='no'>
          <b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
            <b:includable id='main'>
  <b:include name='content'/>
</b:includable>
            <b:includable id='content'>
      <div class='social-static social'>
		<li><a href='/sitemap.xml' target='_blank' title='sitemap'><i class='fa fa-sitemap'/></a></li>
        <b:loop values='data:links' var='link'>
            <li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='&quot;fa fa-&quot; + data:link.name'/></a></li>
        </b:loop>
      </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
</div>
  </footer>
</div>
<b:tag name='script' type='text/javascript'>var ArrowIcon	= &quot;<svg aria-hidden='true' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg>&quot;,BlogID = String(<data:blog.blogId/>);</b:tag><div class='smoothscroll-top'><span class='scroll-top-inner'><svg aria-hidden='true' class='icon' data-icon='angle-up' data-prefix='fas' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z' fill='currentColor'/></svg></span></div>
<b:if cond='data:blog.analyticsAccountNumber'><script>(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,&#39;script&#39;,&#39;https://www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);ga(&#39;create&#39;, &#39;<data:blog.analyticsAccountNumber/>&#39;, &#39;auto&#39;, &#39;blogger&#39;);ga(&#39;blogger.send&#39;, &#39;pageview&#39;);</script></b:if>

<script>/*<![CDATA[*/
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